Как передать определенные части Hash из URL в URL источника iframe?

Question

URL-адрес текущей страницы содержит хэш: test123.com/go/#1/140/-220

Я бы хотел получить только определенные части хэша: 140 и -220 изURL и добавьте их в определенные части источника iframe.

iframe source = test123.com/goiframe&value1=140&value2=-220

Где value1 = 140 из URL-адреса и value2 = - -220 из URL.

Возможно ли это с помощью location.hash?

Answer 1

Конечно, ответ - это просто строка, поэтому проанализируйте ее и создайте новый URL.Ниже я разделю хеш на / и удаляю первый элемент, так как это базовый хеш.Тогда просто создайте URL.

Примечание: здесь я использую литералы.Если вы не хотите, вы можете вручную построить строки.

Например:

// Manually update hash for test. 
window.location.hash = '#1/140/-220';
console.log('Original Hash: ' , window.location.hash);

// Get those entries but remove the inital has part. 
let entries = window.location.hash.split('/').slice(1);
console.log('Entries parsed: ', entries);

// Create the new url now. 
let newURL = 'test123.com/goiframe';


for(let i = 0; i < entries.length; i++){
    newURL += `&value${i + 1}=${entries[i]}`;
}

console.log('New URL: ', newURL);

РЕДАКТИРОВАТЬ: В основном я только что избавился от цикла и сказал лат и lng.Обновите по мере необходимости.

// Manually update hash for test. 
window.location.hash = '#1/140/-220';
console.log('Original Hash: ' , window.location.hash);

// Get those entries but remove the inital has part. 
let entries = window.location.hash.split('/').slice(1);
console.log('Entries parsed: ', entries);

// Create the new url now. 
let newURL = `test123.com/goiframe&lat=${entries[0]}&lng=${entries[1]}`;

console.log('New URL: ', newURL);