js 之父窗口获取弹出子窗口的输入框Value

最新推荐文章于 2024-04-20 14:57:38 发布

原创最新推荐文章于 2024-04-20 14:57:38 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#脚本 #button #浏览器 #input #browser #html

javascript 专栏收录该内容

33 篇文章

订阅专栏

本文探讨了在不同浏览器环境下实现JavaScript脚本的交互功能，重点介绍了如何利用`<script defer>`特性优化脚本加载与执行流程，以及在IE8与Chrome浏览器中的表现差异。通过实例展示了如何创建弹窗并实现实时数据交换，提供了提高网页加载效率与用户体验的技术方案。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script defer>
	function browser.onclick() {
		var nW = window.open("","","width=170,height=200,resizable=yes");
		nW.moveTo(300,100);
		nW.document.write("<script defer>\n"+
				"var m = true;\n"+
				"function insert.onclick(){\n"+
					"if(m){\n"+
					"opener.atext.value=btext.value;\n m=false;"+
					"}else{\n"+
					"opener.atext.value+='\-'+btext.value;\n}\n"
					+"}\n"
					+"<\/script>\n"+
					"<input name=btext value=11111 size=10 style='BACKROUND;#fffff;border-bottom:#0a3eae 1px solid;border-left:#0a3eae 1px solid;border-top:#0a3eae 1px solid'>\n"
					+"<input type=button value=选择  name=insert style='background-color:#ebf5fc;border:1px solid #0099cc'>");
	}
</script>
</head>
<body>
	<textarea name="atext" cols="60" rows="4"></textarea>
	<input type="button" value="选择参数" name="browser" style='background-color:#ebf5fc;border:#0099cc 1px solid'>
</body>
</html>

我在IE8下测试可以，chrome中没效果

补充资料：

<script defer>中defer的作用

使用defer属性可以让脚本在整个页面装载完成之后再解析，而非边装载边解析。
这对于只包涵事件触发的js脚本而言，可以提高整个页面的加载速度。

        DEFER 是脚本程序强大功能中的一个“无名英雄”。你可能从没有使用过它，但是看完这里的介绍后，相信你就离不开它。它告诉浏览器Script段包含了无需立即执行的代码，并且，与SRC属性联合使用，它还可以使这些脚本在后台被下载，前台的内容则正常显示给用户。


    最后请注意两点：

    1、不要在defer型的脚本程序段中调用document.write命令，因为document.write将产生直接输出效果。

    2、而且，不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。

只支持IE   要多浏览器同时测试