window.open()

最新推荐文章于 2023-12-18 08:15:00 发布

muzidigbig

最新推荐文章于 2023-12-18 08:15:00 发布

阅读量324

点赞数

分类专栏： js问题锦囊文章标签： open opener window.open

本文链接：https://blog.csdn.net/muzidigbig/article/details/107104998

版权

js问题锦囊专栏收录该内容

57 篇文章 4 订阅

订阅专栏

window.open()方法可以导航到一个特定的URL，也可以打开一个心的浏览器窗口，一般可以接受三个参数：

1.要加载的URL

2.窗口名称或窗口的目标

3.一个特殊的字符串（控制窗口的属性，属性之间用逗号分开）

【注】不命名会每次打开新窗口；命名的第一次打开新窗口，之后崽这个窗口中加载

    <button type="button" id="btn1">点击打开新窗口</button>

	window.onload = function() {
		document.getElementById('btn1').onclick = function() {
			window.open("https://blog.csdn.net/muzidigbig/article/details/78609510", "windowView", "width=400px,height=600px,top=100px,left=400px")
		}
	}

opener 打开当前窗口的父窗口的window对象,一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。

	<!-- 父 -->
	<body>
		<button type="button" id="btn1">点击打开新窗口</button> <br>
		接受子窗口传过来的值 <h3 id="btn1-1Value"></h3>
	</body>
	<script type="text/javascript">
		window.onload = function() {
			document.getElementById('btn1').onclick = function() {
				window.open("./test08open()1-1.html", "windowView", "width=400px,height=600px,top=100px,left=400px")
			}
		}
	</script>

	<!-- 子 -->
	<body>
		<button type="button" id="btn1-1">点击向父窗口传值</button>
	</body>
	<script type="text/javascript">
		/** 
		 * opener	打开当前窗口的父窗口的window对象，
		 * 一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。 
		 * window.opener.close()将关闭源（父）窗口
		 */
		window.onload = function() {
			document.getElementById('btn1-1').onclick = function() {
				opener.document.write('muzidigbig')
			}
		}
	</script>