Изменение URL-адреса на основе страницы, открытой в iFrame

Question

Я проектирую веб-сайт, на котором есть панель навигации сверху, и iFrame под ней. Я пытаюсь сделать это, пользователь будет перемещаться по веб-сайту в этом iFrame. И навигационная панель будет там наверху, все время. В настоящее время мои навигационные панели открыть документ в моем плавающем фрейме, как это:

<li class="nav-top-links"><a class="a-nav-top-links" href="sample1.html" target="tFrame">ITEM1</a></li> 

То, что я хочу знать:

1. Как я могу изменить URL в браузере, на основе ссылка на открытую страницу в iFrame? Есть ли какой-нибудь «слушатель», который я могу реализовать? Все страницы будут одного домена.

2. Хотел бы кто-нибудь посоветовать любой подход?

Answer 1

Вы можете передавать сообщения между iframe и родительским документом. Ответьте на этот вопрос для получения более подробной информации: make iframe height dynamic based on content inside- JQUERY/Javascript

Answer 2

Вы можете попробовать нажать на кнопку PushState или Hash key navigation.

PushState пример:

var stateObj = { foo: "bar" }; 
history.pushState(stateObj, "page 2", "bar.html"); 

Hash Key Пример:

if ("onhashchange" in window) { 
    alert("The browser supports the hashchange event!"); 
} 

function locationHashChanged() { 
    if (location.hash === "#somecoolfeature") { 
    somecoolfeature(); 
    } 
} 

window.onhashchange = locationHashChanged; 

Похожие темы:

Display iFrame url in address bar

Change the URL in the browser without loading the new page using JavaScript

Changing address bar when using iframe