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.οnlοad=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.οnlοad=function(){ShowMessage();}
</script>
</head>
<body>
你看到true时就看到我了
</body>
</html>

当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才触发。
PS：推荐像onload事件之类的使用匿名函数执行，即window.οnlοad=function(){ShowMessage();}这种形式。

window.load和window.onload相关推荐

$(window).load(function(){})和.onload区别
参考文章 https://blog.csdn.net/qq_37763820/article/details/79694963 $(window).load(function(){})和 window ...
$(window).load、$()与window.onload
在不能使用`$(function(){})`的场合居然忘了jquery中等价于window.onload的方法怎么写,那个汗啊!记录一下,以免再忘 $(window).load与window.onlo ...
JQ中$(window).load和$(document).ready()使用，区别与执行顺序
本文内容借鉴http://www.jb51.net/article/107111.htm(阅读原文请跳转此链接!) 一般情况下一个页面响应加载的基本顺序是:域名解析 -> 加载html -> ...
$(document).ready、body.Onload()和 $(window).load的区别
JavaScript文档加载完成事件 window.load(function(){...})和body.onload()都存在同样一个问题,那都是在页面所有元素(包括html标签以及引用到得所有图片 ...
$(document).ready() $(window).load 及js的window.onload
1.$(document).ready() 简写为$(function(){}) DOM结构绘制完成执行,而无需等到图片或其他媒体下载完毕. 2.$(window).load 在有时候确实我们有需 ...
$(window).load(function() {})和$(document).ready(function(){})的区别
在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是: $(document).ready(function(){ ... }); 这个时候,不 ...
入口函数window.load和$(function)
很多时候如果将script在head中写出,会出现元件没有加载,无法显示出效果的问题. window.onload=function(){$("#button1").click(f ...
jQuery函数$(window).load事件
绑定jQuery函数到$(window).load事件大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件.虽然$(document).ready ...
【jQuery 基础】$ (document) .ready和$(window).load
$ (document) .ready $ (document) .ready(function () {// なにかしらの処理 }); $ (window) .load $(window).load ...

window.load和window.onload

window.load和window.onload相关推荐

最新文章

热门文章