您的位置:首页 > 其它

解决iframe作为子窗口,刷新后iframe页面跳转到其它页面的问题

2017-04-28 17:00 621 查看
锚点

它可以标记一个页面中的一个部分,url中以#后面跟随的就是锚点,然后会直接定位到锚点的内容

http://localhost:8030/#footer


监听锚点的变化

window.onhashchange = function(){
alert("发生变化");
}

//拿到锚点的内容
window.onhashchange = function(){
var hash = location.hash;
hash = hash.substring(1,hash.length);
alert(hash);
}


对字符串进行截取,是因为通过location.hash拿到的内容,最前面是#,所以通过substring把#去掉

设置iframe地址

window.onhashchange = function(){
var hash = location.hash;
hash = hash.substring(1,hash.length);
$("#baseIframe").attr("src","<%=path%>" + url);
}


设置锚点

function loadIframe(url){
var u = window.location.href;
var end = u.indexOf("#");
var rurl = u.substring(0,end);
//设置新的锚点
window.location.href = rurl + "#" + url;
}


截取字符串是因为每次获取的href中,都会有以前的锚点,需要把以前的锚点给去掉,然后来设置新的锚点

当页面载入时设置iframe地址

document.addEventListener('DOMContentLoaded', function () {
var hash = location.hash;
var url = hash.substring(1,hash.length);
$("#baseIframe").attr("src", url);
}, false)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: