window.load和window.onload
来源:互联网 发布:淘宝网首页百色针织 编辑:程序博客网 时间:2024/06/06 18:12
如果我问你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();}这种形式。
但是答案是不一定,得看你怎么用。看一下例子吧
例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();}这种形式。
0 1
- window.onload和window.load
- window.load和window.onload
- $(window).load、$()与window.onload
- $(document).ready、body.Onload()和 $(window).load的区别
- $(document).ready、body.Onload()和 $(window).load的区别
- $(document).ready、body.Onload()和 $(window).load的区别
- $(document).ready、body.Onload()和 $(window).load的区别
- ready事件和onload的区别,及$(window).load()方法
- window.onload 和 DOMContentLoaded
- DOMContentLoaded和window.onload
- window.onload和DOMReady
- $reday和window.onload()
- window.onload和body中的onload事件
- window.onload,body onload和document.onreadystatechange
- window.onload,body onload和document.onreadystatechange
- js中的window.onload()和body.onload()
- window.onload,body onload和document.onreadystatechange
- window.onload
- [GitHub]第二讲:GitHub客户端
- 数据结构——二分法查找
- Celery用户指引------监控与管理
- 魅族MX5data目录下不显示
- scrapy爬虫框架学习入门教程及实例
- window.load和window.onload
- android studio导入xutils编译时报错:找不到HttpRequestBase
- FFMPEG智能缓冲实现及应用
- AngularJS 使用元素与事件指令
- 表单+servlet 网络调查表
- 从Python中readline()函数读取的一行内容中去掉换行符\n
- C++第四次作业
- 通过指向结构体变量的指针变量输出结构体变量中成员的信息
- Java泛型-类型擦除