如何实现窗口的禁止关闭

JavaScript025

如何实现窗口的禁止关闭,第1张

两种方法:去除和隐藏//创建你的弹出层vardvMsg=document.createElement("div")strHtml="弹出层内容"strHtml+=""dvMsg.innerHTML=strHtmldocument.body.appendChild(dvMsg)//关闭按钮btnclick=function(){document.body.removeChild(dvMsg)-------------------------或者弹出层用divid标记弹出层内容js里functionopen(){document.getElementById(tanchu).style.display=""//显示}functionclose(){document.getElementById(tanchu).style.display="none"//不显示(页面初始化的时候同样加载一遍)}

遇到同样的问题,说明下:

Chrome自version37起已经默认停止了对window.showModalDialog的支持(可以修改注册表获得2015年5月之前,这种修改都有效)。

而对于从浏览器手动打开的非modal的窗口,在我意识到self close问题以来,Chrome都是不支持的——比如你给自己的page做了个logout的功能,点击之后想用你提到的self close方法关闭这个page,在Chrome上是关不掉的(但是你可以指定到另一个显示logout状态page,效果一样,logout也不一定就非要把那页关掉不是)。

既然它现在停止了支持showModalDialog,非modal窗口又不允许self close,那全面取缔从代码里self close也是情理之中迟早的事情吧。

解决方案:

对于解决showModalDialog问题,你可以自己用iframe之类的自己去模拟一个modal窗口,就像微博的转发窗口,点开之后用户将无法操作原页面的其他element。但是模拟的话,主要会遇到JS继续执行的问题,showModalDialog是会阻止原页面JS继续执行的,直到获取到新窗口的的返回结果,自己模拟这个行为的话,可以考虑call back方式,时间篇幅所限,不细说了哈,想取代showModalDialog都遇到这个问题,网上应该能搜到不少封装好的方法。

再说一点你需要自己写一个showModalDialog的原因,在Chrome宣布停止支持showModalDialog之后,FireFox也首次在文档和DebugTool里标明他们也会停止对showModalDialog的支持。暂时还没正式停止,大概是在等用户对Chrome这个操作的反应。

showModalDialog原来毕竟是IE独有的东西,一直没纳入W3C标准。Chrome对它的支持一直很差,比如从一个page打开showModalDialog,你还可以去其他page操作,也可以查看原page,甚至可以在原page上操作,只是这些操作只有在你关闭了showModalDialog之后才会起作用。

但是FireFox对showModalDialog的支持其实一直是很好的,基本跟IE上用起来基本无差,但是IE也在慢慢遵循W3C标准(特别是新出的IE11),FireFox抛弃showModalDialog也是早晚的事情。

最后,自己"画"的modal dialog完全在你的控制之下,可以暴露一个close接口来允许从子窗口里关闭父窗口打开的modal dialog。

(近期没少受此困扰,码了这么多,跟吐槽似的了……)

第一种:JS定时自动关闭窗口

<script language="javascript"><!--function closewin(){self.opener=null

self.close()}function clock(){i=i-1document.title="本窗口将在" + i + "秒后自动关闭!"

if(i>0)setTimeout("clock()",1000)

else closewin()}var i=10clock()//--></script>第二种:点击链接没有提示的JS关闭窗口

<a href="javascript:window.close()" >关闭窗口</a>

第三种:窗口没有提示自动关闭的js代码

<script language=javascript><!--this.window.opener = null

window.close()//--></script>IE6-7 JS关闭窗口不提示的方法方法一:js 代码function CloseWin() //这个不会提示是否关闭浏览器{window.opener=null

//window.opener=top

window.open("","_self")

window.close()}方法二:open.htmljs 代码function open_complex_self() {

var obj_window = window.open('close.html', '_self')

obj_window.opener = window

obj_window.focus()}close.htmljs 代码window.close()另附://普通带提示关闭

function closeie(){

window.close()}//关闭IE6不提示

function closeie6(){

window.opener=null

window.close()}//关闭IE7不提示

function closeie7(){