刷新指定的iframe页面_react点击刷新iframe怎样写-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44939142/article/details/112223058

本文介绍了一种在使用iframe实现的后台管理系统中刷新指定页面的方法。通过JavaScript实现了从一个页面（A页面）向另一个页面（B页面）传递参数，并在B页面中根据接收到的参数刷新特定的iframe内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刷新指定的iframe页面

在用iframe做后台管理系统时，经常会有刷新指定页面内容的需求，参考网上的都是父子页面之间的操作，没有对指定页面(或者兄弟页面)做操作或刷新，现总结一下刷新指定iframe页面怎么做。
1.A页面

//获取iframe页面的id
function getIframeByElement(element){
    var iframe;
    $("iframe", window.parent.document).each(function(){
        if(element.ownerDocument === this.contentWindow.document) {
            iframe = this;
        }
        return !iframe;
    });
    return iframe;
}
$(finction (){
	var iframe=getIframeByElement(document.body);
	var iframeId=$(iframe)[0].id;
	//创建B页面，并把iframeId传递过去
	createMenuItem(newOrderReqUrl+"?iframeId="+iframeId,newOrderTitle)
})

2.B页面

//刷新指定iframe页面（兄弟页面）
function readIframe(iframeName){
	var target = parent.$('.RuoYi_iframe[id="' + iframeName + '"]');
    var url = target.attr('src');
    target.attr('src', url).ready();
}
//获取A页面传递的参数
function parameters(url){
	var obj = {}
	if (url.indexOf("?") != -1) {
		var str = url.substr(1);
		strs = str.split("&");
		strs.forEach(function(data) {
			var a = data.split("=");
			obj[a[0]] = a[1];
		})
	}
	return obj;
}
var url = window.location.search;//获取url中"?“符后的字串
var iframeId;
$(function(){
	iframeId= parameters(url).iframeId || '';
	//再在指定位置刷新A页面
	readIframe(iframeId);
})