A页面通过window.open(‘.html‘)进入B页面，B页面调用A页面方法

原创于 2023-04-10 21:03:38 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript

文章展示了一个A页面通过打开新窗口到B页面的例子，B页面的按钮点击后能调用A页面的Show方法，更新A页面中div的内容。这个交互涉及到了窗口间的通信和JavaScript函数的调用。

A页面有个按钮，打开一个新窗口到B页面，B页面有个按钮，点击按钮后需调用A页面的Show方法

A：

<script>
	function Show(){
		document.getElementsByTagName("div")[0].innerText = 'Iframe'
	}
</script>


<div></div>

<button onclick="window.open('B.html')">新窗口</button>

B页面：

<button onclick="Action()">执行</button>

<script>
	function Action(){
		window.opener.Show()
	}
</script>