showModalDialog和showModelessDialog

最新推荐文章于 2021-05-30 22:13:44 发布

最新推荐文章于 2021-05-30 22:13:44 发布 · 117 阅读

文章标签：

#HTML

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用showModalDialog和showModelessDialog来控制浏览器窗口的行为，包括阻止新窗口弹出、页面刷新方法及数据传递技巧。对于希望增强网页交互性的开发者来说，这些技巧非常实用。

showModalDialog和showModelessDialog使用:
1.让在showModalDialog和showModelessDialog的超连接不弹出新窗口
在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<html>和<body>之间的。
2.刷新showModalDialog和showModelessDialog里的内容

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload</a>

3.showModalDialog和showModelessDialog数据传递
传递方式:

window.showModalDialog("filename.htm",window)

读取和设置:

alert(window.dialogArguments.var_name)//读取var_name变量
window.dialogArguments.var_name="oyiboy"//设置var_name变量