手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js之onload事件的一点使用心得
js之onload事件的一点使用心得
摘要:如果我问你window.load和window.onload分别是什么意思,恐怕你会回答我:“这不是页面加载完就执行吗”。但是答案是不一定,...

如果我问你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之onload事件的一点使用心得】相关文章:

在JS中操作时间之getUTCMilliseconds()方法的使用

与ClientWidth有关的一点资料

JavaScript事件的理解

js鼠标事件

js事件监听器用法实例详解

AngularJS中使用HTML5手机摄像头拍照

javascript插件开发的一些感想和心得

Backbone.js的一些使用技巧

JQuery中DOM事件绑定用法详解

详解JavaScript中setSeconds()方法的使用

精品推荐
分类导航