您的位置：首页 > 其它

window.showModalDialog()使用实例

2011-01-08 09:02 447 查看

window.showshowModalDialog()使用实例

有没有window.showModalDialog()使用实例？经过自己的总结与测试，终于摸清了一个window.showModalDialog()使用实例，在这里写个简单的window.showModalDialog()使用实例让大家参考啦！

父亲页

1、放获取子窗口返回值的标签与一个能触发js函数的标签：

<asp:textbox id="tb_result" runat="server" ></asp:textbox>

<input type="button" onclick="getSun()" value="从网盘选择" />

2、调用window.showModalDialog()的函数

function getSun()

{

var result=showModalDialog('儿子页的路径','subpage','dialogWidth:800px;dialogHeight:500px;center:yes;help:no;resizable:no;status:no');

document.getElementById("tb_result").value=result;

}

儿子页

1、放一个能触发js函数的标签：

<input type="button" onclick="toFather()" value="返回" />

2、写一个返回值给父亲页的js函数

function toFather()

{

window.returnValue='http://hi.csdn.net/ningxi_';

window.close();

}

3、别忘在<head></head>内加上<base target="_self" />，这样从父页调用子页，触发子页其它事件时就不会弹出第二个子页

结果

父亲页的tb_result.text="http://hi.csdn.net/ningxi_";

其中用到的js有window.showModalDialog(),window.returnValue,window.close()

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航