导航:首页 > 编程语言 > js模态窗口页面跳转弹出新页面

js模态窗口页面跳转弹出新页面

发布时间:2025-09-26 17:23:45

js 打开新窗口

请采用网页对话框的方式showModalDialog

showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面。
区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法操作了)。
可以在子窗口中通过设置window.returnValue的值,让父窗口可以获取这个returnvalue.

2.一个例子
1)主窗口main.html,
2)在主窗口中通过showModalDialog的方式打开子窗口sub.html
3)在子窗口中设置returnValue返回给主窗口使用

main.html

复制代码代码如下:

<HTML>
<HEAD>
<METANAME="GENERATOR"Content="oscar999">
</HEAD>
<script>
functionshowmodal()
{
varret=window.showModalDialog("sub.html?temp="+Math.random());
alert("subreturnvalueis"+ret);
}
</script>
<BODY>
<INPUTid=button1type=buttonvalue="opensub"name=button1onclick="showmodal();">
</BODY>
</HTML>


sub.html

<HTML>
<HEAD>
<METANAME="GENERATOR"Content="oscar999">
</HEAD>
<script>
functionreturnMain()
{
window.returnValue="returnfromsub";
window.close();
}
</script>
<BODY>
<INPUTid=button1type=buttonvalue="returnandclose"name=button1onclick="returnMain()">
</BODY>
</HTML>

这种目前只有IE可用,其它浏览器都不可用了

方式二:

采用其它js框架,弹出对话框的模式

⑵ 用JS怎样强行打开新窗口.而不是新标签

用showModelessDialog 可以强行打开窗口,否则的话都是打开新选项卡(ie6除外)
不过模态窗口打开后, focus是不能切换的, 就是说整个浏览器除这个模态窗口外 都不可操作。
你懂的

⑶ js弹出窗口,怎么才能不被浏览器拦截

弹出框我了解这么几种
1、alert,这种可设置浏览器方式选择弹出
2、confirm
3、bootstrap的模态框,这种肯定不会被拦截

阅读全文

与js模态窗口页面跳转弹出新页面相关的资料

热点内容
oracle数据库的表文件 浏览:400
漫画文件后缀是pdf能改吗 浏览:932
jar签名工具 浏览:816
谷歌浏览器历史版本 浏览:741
js模态窗口页面跳转弹出新页面 浏览:738
如何将图片转换为文本文件格式 浏览:205
模具编程怎么区分大师傅和小师傅 浏览:442
nodejsstream 浏览:749
mypictures文件是什么 浏览:925
数控编程螺纹小径怎么算 浏览:944
javapconstantpool 浏览:709
微信联系人文件夹名称 浏览:721
html代码去优酷广告 浏览:491
gxworks2怎么用指令表编程 浏览:778
文件夹右键不能压缩 浏览:53
jsp中怎么用 浏览:310
电信4g网络制式是什么 浏览:388
servu提权教程 浏览:608
编程确认密码怎么打 浏览:545
甘肃省人事局历年文件在哪里查看 浏览:940

友情链接