实现iframe地址与浏览器地址同步时,(浏览器地址不会随iframe的变化而修改,要自己设置hash哦)
踩到页面跳转,地址不变的问题
问题:点击导航栏设置iframe的src(同时设置了浏览器的hash,window.location.hash),页面跳转了,当点击浏览器返回时,发现页面改变了,地址还是原来的;
原因
设置iframe的src会向浏览器的history加一条记录
解决
!!!动态创建iframe,不直接在js设置src
错误:
document.getElementById('iframe').src = url
正确:
//el为你的外层容器
var html = '<iframe name="myFrameName" id="iframe" width="100%" height="100%" src="' + url + '" frameborder="0"></iframe>';
$('el').empty();
$('el').append(html);