码迷,mamicode.com
首页 > 编程语言 > 详细

模式窗体中调用父页面Javascript

时间:2014-07-16 20:24:14      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   使用   os   

最近项目中使用模式窗体,遇到以下问题记录一下:

模式窗体:你必须关闭该窗体,才能操作其它窗体;比如说,必须按确定或取消,或者按关闭。

非模式窗体:不必关闭该窗体,就可转换到其它窗体上进行操作。

window.showModalDialog("a.html");//模式窗体

弹出的子页面,无法调用父页面里的js,从而刷新父页面,google一下,发现了解决方案:

  1. parent.html
<html>
<head>
<script language="text/javascript">
function openwindow(){
    retval=window.showModalDialog("child.html")
    Alert(retval);
    document.getElementById(text1).value=retval
}

function Alert(msg){
    alert(msg);
}
</script>
</head>
<body>
<form name=frm>
<input name=text1 type=text id="text1"/>
<input type=button onclick="javascript:openwindow()" value="Open window..">
</form>
</body>
</html>

2. child.html

<html>
<head>
<script language="javascript">
function changeparent(){
    window.returnValue="Value changed.."
    window.close()
}
</script>
</head>
<body>
<form>
<input type=button onclick="javascript:changeparent()" value="Change main window’s textbox value..">
</form>
</body>
</html>

 

模式窗体中调用父页面Javascript,布布扣,bubuko.com

模式窗体中调用父页面Javascript

标签:style   blog   java   color   使用   os   

原文地址:http://www.cnblogs.com/wspaceworld/p/3836821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!