Loading

解决iframe刷新子页面但是默认跳转到父页面

百度了半天 都是什么通过监听锚点是否改变来解决 我试了各种方法都不行
比如这篇文章写的很好 但是我这边就是没用
https://www.cnblogs.com/zhuxiaojie/p/5990262.html

于是想了想 如果用cooike能否解决 结果还真行
1.思路分析
就是 每一次进入一个子页面的时候 都用cooike保存下当前子页面的url路径
比如在mailbox.html这个子页面就用

$.cookie("url","mailbox.html");
在welcome.html这个子页面 就用

$.cookie("url","welcome.html");
这样就保证cookie始终保存的是你当前打开的页面

2.实现

主页面代码:
iframe代码 src是父页面路径(一进后台的第一个页面为父页面)

<iframe name="iframe" id="J_iframe" width="100%" height="100%" scrolling="auto"
src="widgets.html" frameborder="0" ></iframe>

主页面js:
判断刚才你有没有打开一个新的子页面 如果你刚才打开了就将iframe的src赋值 这样就会跳转到你刚才那个子页面了

if($.cookie("url")!=""){
$("#J_iframe").attr("src",$.cookie("url"));
子页面代码就是一个cookie保存:
html名称就是当前子页面的名称

$.cookie("url","mailbox.html");
这样就在子页面刷新 也就还是在当前子页面了 不会跳转到父页面
cooike在关闭浏览器的时候会自动失效

posted @ 2020-06-20 22:24  Ellisonzhang  阅读(744)  评论(0编辑  收藏  举报