iframe 刷新 java_iframe标签刷新页面停留在当前页

整体思路:在iframe所在当前页面地址url后拼接 #+targetUrl

a标签跳转iframe

// iframe模板刷新后页面跳转问题解决--start

function loadIframe(url) {

//获取url链接

var u = window.location.href;

//因为每次获取的链接中都有之前的旧锚点,

//所以需要把#之后的旧锚点去掉再来加新的锚点(即传入的url参数)

var end = u.indexOf("#");

var rurl = u.substring(0,end);

if(rurl == ''){

rurl="当前页面url"

}

//设置新的锚点

window.location.href = rurl + "#" + url;

}

window.onhashchange = function() {

//location.hash取到的是url链接中#(包括自己)后面的内容

var hash = location.hash;

//去掉#号,得到的就是我们要设置到iframe中src上的地址

var url = hash.substring(1,hash.length);

$("#iframeId").attr("src", url);

}

document.addEventListener('DOMContentLoaded', function () {

var hash = location.hash;

var url = hash.substring(1,hash.length);

$("#iframeId").attr("src", url);

}, false)

// iframe模板刷新后页面跳转问题解决--end

iframe标签内a标签跳转,父页面添加如下方法

// iframe标签内连接跳转,刷新停留在当前页面

function changeUrl(elem) {

loadIframe(elem.attr('href'));

}

iframe标签内调用父页面js方法用 window.parent.jsfun() 调用。 参考网址:https://www.cnblogs.com/zhuxiaojie/p/5990262.html 里面有些错误!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值