js控制点击按钮，局部刷新页面

原创于 2020-04-13 20:21:03 发布 · 6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #web #html #js

本文介绍了一种使用JavaScript实现局部页面刷新的方法，通过操作父窗口中的iframe元素来达到局部更新的效果，适用于不需要完全加载整个页面的情况。

js控制局部刷新页面

if(selectUrl == "welcome.html") {
	//获取父级窗口
	var _body = window.parent; 
	//获取父级窗口中的对象iframe1
	var _iframe1=_body.document.getElementById('home');
	//刷新对象iframe1
	_iframe1.contentWindow.location.reload(true);
}

<div class="show_iframe">
	<iframe id='home' scrolling="yes" frameborder="0" src="home.html?v=1.01" sx="home.html" name="child"></iframe>
</div>