解决iframe作为子窗口,刷新后iframe页面跳转到其它页面的问题
2017-04-28 17:00
621 查看
锚点
它可以标记一个页面中的一个部分,url中以#后面跟随的就是锚点,然后会直接定位到锚点的内容
监听锚点的变化
对字符串进行截取,是因为通过location.hash拿到的内容,最前面是#,所以通过substring把#去掉
设置iframe地址
设置锚点
截取字符串是因为每次获取的href中,都会有以前的锚点,需要把以前的锚点给去掉,然后来设置新的锚点
当页面载入时设置iframe地址
它可以标记一个页面中的一个部分,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)
相关文章推荐
- 解决iframe作为子窗口,刷新后iframe页面跳转到其它页面的问题
- 解决iframe跳转不刷新整个页面小问题
- JavaScript页面刷新与弹出窗口问题解决方法
- 解决JavaScript页面刷新与弹出窗口问题
- 解决关闭 atrDialog 嵌入 iframe 页面,重定向到其他页面刷新父窗体问题
- 介绍怎样解决JavaScript页面刷新与弹出窗口的问题。
- JavaScript页面刷新与弹出窗口问题解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- JavaScript页面刷新与弹出窗口问题的解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- iframe中session超时,跳转打开窗口还是嵌入在iframe中问题解决
- 解决iframe窗体丢失Session时登录窗口显示在子页面的问题
- 解决JavaScript页面刷新 与 弹出窗口问题 无提示关闭窗口
- 解决easyui在session过期后iframe跳转到登录页面的问题
- JavaScript页面刷新与弹出窗口问题解决方法
- 解决JavaScript页面刷新与弹出窗口问题
- JavaScript页面刷新与弹出窗口问题解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- JavaScript页面刷新与弹出窗口问题解决方法