`
magic_agate
  • 浏览: 105343 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

js之onload事件

    博客分类：
  • js
 
阅读更多 
　如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。

　　但是答案是不一定，得看你怎么用。看一下例子吧

例1：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage;

</script>
</head>

<body>


当你看到true时看不到我

</body>
</html>
当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。

例2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}

</script>
</head>

<body>


你看到true时就看到我了

</body>
</html>

当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才触发。

PS：推荐像onload事件之类的使用匿名函数执行，即window.onload=function(){ShowMessage();}这种形式。
分享到：
| 动态添加js事件
评论
1 楼 shy2850 2012-08-15  
window.onload 必须是赋值为function类型的时候才能够在 页面加载完成时被调用。

其他情况下，就会覆盖成一个普通的全局变量了。

function ShowMessage()  
{  
alert("true");  
}  
window.onload=ShowMessage();

ShowMessage这个方法执行过后的返回值是undefined，
window.onload=ShowMessage();相当于执行：
ShowMessage();
window.onload=undefined;
这两句。

function对象如果只是赋值，不能够带括号的，带括号表示先执行function，然后将执行结果赋值。你只需要：window.onload=ShowMessage；这样就可以了。



发表评论

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

相关推荐

    javaScript的onload事件例子

    javaScript的onload事件的代码，javaScript内嵌在html中。

    js的image onload事件使用遇到的问题

    标题中所提到的知识点是“js的image onload事件使用遇到的问题”，这涉及到JavaScript中Image对象的onload事件处理。在Web前端开发中，onload事件是一个非常重要的概念，主要用于处理图片或者其他资源加载完成后的...

    js之onload事件的一点使用心得

    在JavaScript编程中，页面加载完成后的操作常常需要用到一个特定的事件处理器——onload事件。本文将深入探讨onload事件在JavaScript中的使用心得，以及如何正确地利用这一事件来确保相关代码在页面加载完毕后执行。...

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件，可多次添加加载事件！

    js的onload事件及初始化按钮事件示例代码

    JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件，主要用于执行某些操作，如显示内容、执行脚本等。这个事件在多种HTML标签上都可用，包括`&lt;body&gt;`、`&lt;frame&gt;`、`&lt;frameset&gt;`、`&lt;iframe&gt;`、`&lt;img&gt;`...

    JQuery-- onload，ready方法详细解说

    在 JavaScript 库中，JQuery 提供了两种事件处理机制，即 onload 和 ready。它们都是在页面加载完成后触发的事件，但是它们之间有着一定的区别。 首先，我们需要了解这两种事件的触发时机。在页面加载完成后，会...

    js onload事件不起作用示例分析

    在探讨JavaScript中onload事件在JSP页面上不起作用的问题时，可以深入分析几个关键知识点，包括onload事件的基本概念、在JSP页面中使用onload事件的正确方式，以及可能导致onload事件失效的具体原因和解决办法。...

    ie中 body onload 和 window onload 解决法案

    在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...

    原生javascript如何实现共享onload事件

    在工作时，我们给一个元素绑定了事件，如果dom还没加载完成，就执行了js代码，就不会绑定成功。常规解决方案就是用： [removed] = EventFunction; 可是如果有两个 事件， [removed] = EventFunction1; [removed] =...

    JavaScript程序设计——事件处理实验报告.docx

    实验报告详细介绍了JavaScript事件处理的相关知识，这在Web开发中是非常关键的一部分，因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明： 1. **JavaScript事件基本概念**： - **事件**：是用户...

    微信小程序onLaunch异步，首页onLoad先执行?

    本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。   //app.js App({ onLaunch: ...

    把多个JavaScript函数绑定到onload事件处理函数上的方法

    在JavaScript编程中，确保函数在页面完全加载之后执行是非常常见的需求，这通常通过将函数绑定到`window.onload`事件来实现。当`window.onload`事件触发时，绑定的函数会被调用，以此来确保所有资源（如图片、脚本等...

    img的onload的另类用法

    为了解决这个问题，许多JS库，例如jQuery和Prototype，提供了相应的函数来模拟实现onload事件的功能。这些函数可以让我们在加载完某些资源后执行某些操作，而不需要等到所有的HTML元素加载完成。 那么，我们可以...

    [js]javascript事件集合(包有触发事件)终版.pdf

    JavaScript是基于对象的语言，事件驱动是其核心特性之一。当用户通过鼠标、键盘或其他输入设备进行操作时，这些动作被称为事件，而与事件相关的处理代码则称为事件处理程序。 1. 单击事件（onclick）：当用户点击...

    ie 处理 gif动画 的onload 事件的一个 bug

    IE浏览器在处理GIF动画的onload事件时存在的一个bug IE浏览器在处理GIF动画的onload事件时存在的一个bug，该bug会导致onload事件重复触发，该问题只出现在IE浏览器上，而Firefox浏览器没有这个问题。 该bug的原因...

    javascript页面加载完执行事件代码

    在当今互联网应用开发中，JavaScript作为前端开发的核心技术之一，承担着页面交互、动态效果、数据处理等多项关键任务。掌握页面加载完毕后执行JavaScript代码的方法对于开发者来说至关重要。本文将深入探讨如何在...

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