window.open()

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>

 

 

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页