手机版

JavaScript实现离开页面前的提示功能[用jQuery实现方法]

时间:2021-09-03 来源:互联网 编辑:宝哥软件园 浏览:

本文给出了一个例子,说明JavaScript可以在离开页面前进行提示。分享给大家参考,如下:

离开页面前的提示用onunload是做不到的,因为它只兼容IE,兼容谷歌和FireFox都有伤害。

此事件在关闭之前不会被触发。

相反,它可以由onbeforeunload实现。

当用户关闭或刷新窗口或单击此页面中的任何超链接时,可以触发Onbeforeunload。

JavaScript代码如下:

script window . onbeforeunload=function(e){ var e=window . event | | e;E.returnValue=(“您确定要离开当前页面吗?”);}/脚本很短。首先,它使用window.event和e's or与浏览器兼容。

返回值是提示信息。

IE8中的效果如下,第一行和最后一行必须存在。当用户单击“取消”时,不会发生任何事情。单击“确定”继续前面的操作。

谷歌Chrome中的效果如下,只有最后一行是我们可以控制的,其余的是系统固有的东西,无法重写。

野狐禅的效果如下。没办法,因为提示信息看不懂。谁把这个浏览器叫做野狐禅?

这一段是用JQuery写的:

$(窗口)。bind(' unload前'),function(){返回'提示信息';});JQuery1.9具有完全的浏览器兼容性…

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题:《JavaScript页面元素操作技巧总结》、《JavaScript正则表达式技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数学运算用法总结》和0103010

希望本文对JavaScript编程有所帮助。

版权声明:JavaScript实现离开页面前的提示功能[用jQuery实现方法]是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。