signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/3 17:55:57   来源:
如果我问你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();}这种形式。
您可能感兴趣的文章:
  • Angular.js中window.onload(),$(document).ready()的写法浅析
  • 全面解析jQuery $(document).ready()和JavaScript onload事件
  • 引用其它js时如何同时处理多个window.onload事件
  • 解析页面加载与js函数的执行 onload or ready
  • JS:window.onload的使用介绍
  • js 一个关于图片onload加载的事
  • js onload处理html页面加载之后的事件
  • js中onload与onunload的使用示例
  • 原生javascript如何实现共享onload事件