前端侠的gravatar头像
前端侠 2014-10-11 21:09:22

jsp页面中window.open弹框把数据返回原页面中

jsp页面中的一个输入框中单击后用window.open或者什么弹框后选择一些数据后把值传回到原来输入框中。

所有回答列表(2)
最代码官方的gravatar头像
最代码官方  LV168 2014年10月11日

给你个简单的html实例代码片断,通过window.opener就可以得到父窗口的window对象,然后可以操作其所有对象,而且可以修改div内容。

父窗口index.html代码:

<script>
	function test(){
		window.open("open.html","opener","height=100");
	}
</script>
<div id="content">原内容</div>
<button onclick="test()">弹出</button>

jsp页面中window.open弹框把数据返回原页面中

点击弹出按钮后子窗口open.html代码:

<script>
	function test(){
		var content=window.opener.document.getElementById("content").innerHTML;
		alert("原内容:"+content);
		window.opener.document.getElementById("content").innerHTML="更新内容";
		content=window.opener.document.getElementById("content").innerHTML;
		alert("更新内容:"+content);
	}
</script>
<button onclick="test()">更新父窗口内容</button>

jsp页面中window.open弹框把数据返回原页面中

点击子窗口的更新父窗口内容后

jsp页面中window.open弹框把数据返回原页面中

记住必须是在同一域名下访问页面window.opener语法才生效,如果是本地文件会没有权限得到该对象。

html在线实现地址:http://www.zuidaima.com/html/2034859833478144/index.html

这只是简单的实例代码,你可以通过子窗口的表单对象值设置到父窗口的对象值,这样就实现了值传递。

评论(0) 最佳答案
xukui的gravatar头像
xukui  LV4 2014年10月13日

多谢。。。。正想要

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友