`

页面事件示例与疑问

 
阅读更多
页面事件有load, beforeunload, error, resize, scroll, unload，传说它们明确地处理整个页面的函数和状态。

疑问：离开页面的时候为什么有时会执行两次beforeunload事件？ 

window.onload = function()
{
    //事件在完全加载完毕后触发
    alert("page loaded........");
}

window.onbeforeunload = function()
{
    //与beforeunload与unload事件最大的区别在于，如果beforeunload事件的返回的是一个字符串，那么字符串就会就会显示在一个确认窗口中，询问用户是否希望离开当前窗口。
    //疑问：离开页面的时候为什么有时会执行两次beforeunload事件？
    return "Are you sure to exit?";
}

window.onerror = function (msg)
{
    //创建一个li元素来保存错误信息
    //var li = document.createElement('li');
    //li.innerHTML = msg;
    
    alert("error....\n" + msg);
}

window.onresize = function()
{
    //完成重置后触发
    alert("You resized the window!");
}

window.onunload = function()
{
    //对于此事件，阻止默认行为对它无效
    //window.event.returnValue = false;
    
    alert("Thanks for visting!");
}


下面是页面代码： 
<html>
<head>

<title></title>
<script language="javascript" type="text/javascript" src="documentevent.js">
</script>
</head>

<body>
<center>
    <h1>测试页面事件</h1>
    <br/>
    <a href="http://love2java.iteye.com">leave the page</a>
    <h3>就这简单页面，点链接离开页面时，有时会执行两次beforeunload事件!</h3>
</center>
</body>

</html>
分享到：
| 大师推荐的经典方法（持续更新）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    TabLayout+ViewPager，切换页面，可点击，可滑动

    `ViewPager` 通常与 `PagerAdapter`（如 `FragmentPagerAdapter` 或 `FragmentStatePagerAdapter`）一起使用，来管理页面的创建和销毁，以优化内存使用。 将 `TabLayout` 与 `ViewPager` 结合使用，可以实现更直观...

    网站策划书示例1-博导前程网校页面策划.pdf

    总的来说，这份策划书展示了一个综合性的在线教育平台的蓝图，旨在提供全面的学习支持，提升用户体验，同时也考虑到了教学管理与互动的需求。通过精心设计和功能实施，博导前程网校有望成为一个高效且受欢迎的在线...

    jsp页面中窗口关闭,退出的方式分享.docx

    ### JSP 页面中窗口关闭与退出方式解析 #### 一、引言 在Web开发过程中，经常需要处理用户操作完成后自动关闭窗口或退出系统的情况。本文档将详细介绍JSP页面中实现窗口关闭与退出的不同方法及其应用场景。 #### ...

    spring mvc用户登录示例

    Spring MVC 是一个基于 Java 的轻量级 Web 开发框架，它是 Spring 框架的一部分，主要用于构建 MVC（Model-View-Controller）模式的 Web 应用...如果你对 Spring MVC 或者其他 IT 相关话题有更多疑问，欢迎继续提问。

    微信小程序 页面滑动事件的实例详解

    在微信小程序开发中，页面滑动事件是实现用户交互、响应滑动手势的关键。通过监听并处理这些事件，开发者能够创建动态、响应式的界面。本文将深入探讨微信小程序中的页面滑动事件，包括如何实现、识别不同方向的滑动...

    JavaScript给每一个li节点绑定点击事件的实现方法

    在上述代码的基础上，双击事件的绑定方法与单击事件类似。只是将`onclick`替换为了`ondblclick`，并且函数内执行的操作依然有效。 代码示例中还展示了另一种为li节点绑定点击事件的方法，即使用立即执行函数表达式...

    自定义控件，仿微信支付页面和支付宝支付页面密码输入效果

    自定义控件，仿微信支付页面和支付宝支付页面密码输入效果 此为示例代码，详解讲解请参考： http://blog.csdn.net/jakeyangchina/article/details/53338444如对资源内容有疑问，可以到博客中留言。

    javascript跳转与返回和刷新页面的实例代码.docx

    本文将深入探讨如何使用JavaScript实现页面跳转、返回以及刷新，并通过具体的示例代码来说明`window.open()`与`window.location.href`的区别。 #### 二、JavaScript中的页面跳转 页面跳转通常指的是将用户从当前...

    RevivalxSwiftPageViewController:此源代码提供了有关页面视图控制器的示例

    理解 UIPageViewController 的基本结构，包括数据源协议（UIPageViewControllerDataSource）和委托协议（UIPageViewControllerDelegate），以及如何实现这些协议中的方法来指定页面内容和处理页面切换事件。...

    主机疑问Samples.zip

    1. **global.asa**：这是一个ASP（Active Server Pages）应用程序的核心配置文件，用于定义服务器上的应用程序级事件，如应用程序启动、关闭、会话开始和结束等。它还常用来存储数据库连接字符串和其他全局变量，...

    微信小程序框架的页面布局代码

    总的来说，微信小程序的页面布局代码与传统的Web开发有相似之处，但也有其独特性。理解这些基本概念和技巧是构建美观、响应式的微信小程序的关键。通过学习和实践，开发者可以创建出符合用户需求的高质量小程序。...

    office2007添加页眉详细示例

    在Microsoft Office 2007中，添加页眉是一项基础但重要的...如果有任何疑问，参考Microsoft Office的帮助文档或在线教程都能找到更多详细信息。记住，实践是掌握技能的关键，多尝试几次，您将很快熟练掌握这个功能。

    Profile-UI-Flutter:这是在Flutter USing Cards中创建配置文件页面的示例代码

    无状态Hello World 使用创建的新Flutter项目 入门：FlutLab-Flutter在线IDE ...要获得Flutter入门方面的帮助，请查看，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。 输出结果如下所示：

    交互式示例：MDN实时代码编辑器的主页交互式示例

    项目维护者如果您对此项目有任何疑问，请随时提及@wbamberg或@schalkneethling良好的第一期想要为交互式示例项目做出贡献吗？ 这里有一些很好的入门问题，可以帮助您入门。 谢谢！资料夹结构[css]-包含基本模板使用...

    webvi-examples:LabVIEW NXG Web模块中的WebVI功能示例

    如果对示例有任何疑问或常规反馈，请张贴在的LabVIEW NXG部分中。 如果示例本身存在技术错误或错字，请在此存储库的问题页面上创建并发布。 呼叫第三方网络服务 该示例演示了如何使用WebVI从调用 ，并在网页上显示...

    dreamweaver传递两个参数根据不同条件重新引导到不同页面

    ### Dreamweaver中实现基于参数传递的条件性页面重定向 #### 一、背景与问题描述 在开发Dreamweaver车辆暂扣管理系统的过程中，我们遇到了一个关于...如需更详细的代码示例或有其他疑问，请随时联系作者进行交流。

    Dreamweaver+ASP.NET动态网站设计与典型实例

    《Dreamweaver+ASP.NET动态网站设计与典型实例》配书光盘说明 配书光盘 版权所有，侵权必究 2007年10月 一、光盘内容： 1. Readme.txt 光盘说明文件，在使用前请先读光盘的Readme.txt文件。 2.目录内容： ...

    reading-time:一个示例和评论Eager应用程序，该应用程序增加了阅读时间估算

    渴望没有UI示例应用程序 这是的示例应用程序。 该应用程序以一种有趣（如果无用）的方式修改网站的背景颜色。 要试用该项目，请将此项目下载到您的... 与往常一样，如果有任何疑问或疑虑，您可以通过与我们联系。

    html 拖动div进行相应顺序的排序，亲测可用，简单方便

    本示例中，我们将讨论如何利用这两种技术实现一个简单的拖放排序功能。这个功能允许用户通过拖动div元素来改变它们在页面上的顺序，...如果你对实现过程有任何疑问或需要进一步的帮助，欢迎探讨交流，共同学习进步。

    Asp.Net Web网站.rar

    页面加载事件（Page_Load）是这个生命周期中的关键阶段，但根据描述，这个示例可能绕过了传统的页面加载事件，采用了其他方式将数据库中的数据绑定到界面上。这可能是为了提高性能，避免每次页面加载都进行不必要的...

Magicbox
Global site tag (gtag.js) - Google Analytics