子iframe通过a标签跳转到父页面_解决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是父页面路径(一进后台的第一个页面为父页面)

src="widgets.html" frameborder="0" >

主页面js：

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

if($.cookie("url")!=""){

$("#J_iframe").attr("src",$.cookie("url"));

子页面代码就是一个cookie保存：

html名称就是当前子页面的名称

$.cookie("url","mailbox.html");

这样就在子页面刷新 也就还是在当前子页面了 不会跳转到父页面

cooike在关闭浏览器的时候会自动失效