怎样用jquery弹出提示,登录成功或者登录失败。jquery弹出div,不是页面显示登录成功或失败

上周,在研究网页弹窗原理时,我发现了一些很有趣的事情。
通常,页面会有一个专门用于托管弹出内容的 div。
这个div的visibility属性设置为hidden,默认是隐藏的。

我在2 02 3 年用jQuery测试过,发现只要调用show()方法就可以显示这个div。
当您关闭弹出窗口时,只需将其可见性属性重置为隐藏,然后调用 hide() 方法即可。

但是,我的朋友告诉我,有时如果你将div的索引设置得太小,它可能会出现在底部。
因此,必须仔细调整。

更高级的方法是动态插入此 div 的 DOM 结构。
当弹出窗口关闭时,删除 div 并释放内存会更有效。
您可以在QQ邮箱的【删除完成】功能和弹窗中查看。
观察 DOM 的变化可以帮助你更好地理解这个过程。

如何取消jquery或js的onbeforeunload事件的默认弹窗

这段关闭非默认弹出窗口的 JavaScript 代码实际上非常简单。
我先说一下我当时是怎么理解的。
当时我是新手,我认为这段代码一定有点复杂,但是当我看到它时,哇,这很简单。

好,我们逐句看一下。
首先,_window.onbeforeunload = ''; 行实际上意味着在您的网页关闭之前不会出现任何内容。
这里的空字符串 '' 告诉浏览器不执行任何操作并停止弹出窗口。

然后,window.open('', '_self', '');这行代码的意思是在当前窗口中打开一个空白页。
_self 这个设置表示在当前窗口中打开,不创建新选项卡。
空字符串'',这里表示不添加额外的参数,比如窗口大小、滚动条等。

最后是window.close();是一条简单粗暴的线,直接关闭当前窗口。

所以这三行代码放在一起告诉浏览器,当你要关闭网页时,不要打开窗口,直接打开一个空白页面,然后关闭空白页面。
就这么简单,我一看就明白了。

不过说实话,这种代码用的不多。
毕竟很多网站已经不需要这个操作了。
但如果您确实需要它,没问题,只需将其复制并粘贴到您的网页中即可。