window.onload使用方法
来源:互联网 发布:独生子女政策 知乎 编辑:程序博客网 时间:2024/05/18 03:39
- <p><script type="text/javascript"></p>
- <p>function init(){</p>
- <p> alert("页面加载完毕!");</p>
- <p>}</p>
- <p>window.onload=init;</p>
- <p></script></p>
-
-
- 我们经常使用 window.onload 来处理页面,当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成,甚至包括图片
-
- 1. window.onload = function(){}
-
- 2. window.onload = functionName;
-
- 3. IE:
- window.attachEvent("onload",functionName);
- FF:
- window.addEventListener();
-
- body onload="init();"事件是等doucment加载完成再加载相应的脚本
- document.onreadstatechange()是指当对象状态变更时触发脚本
-
-
- <script type="text/javascript">
- function init() {
-
- if (arguments.callee.done) return;
-
-
- arguments.callee.done = true;
-
-
- var text = document.createTextNode("Page loaded!");
- var message = document.getElementById("message");
- message.appendChild(text);
- };
-
-
- if (document.addEventListener) {
- document.addEventListener("DOMContentLoaded", init, null);
- }
-
-
-
-
-
-
-
-
- window.onload = init;
- </script>
- <p id="message"></p>
-
-
- 示例
- <script for=window event=onload>
- function inint(){
- alert("文档加载完成")
- }
- </script>
-
- <script language="Javascript">
- function document.onreadystatechange()
- {
- DoLayout();
- window.onresize = DoLayout;
-
- Composition.document.open()
- Composition.document.write("<head><style type=\"text/css\">body {font-size: 10.8pt}</style><meta http-equiv=Content-Type content=\"text/html; charset=gb2312\"></head><BODY bgcolor=\"#FFFFFF\" MONOSPACE></body>");
- Composition.document.close()
- Composition.document.designMode="On"
- }
- </script>
- 这两种加载脚本的方式只针对IE游览器才有效
-
- <script type="text/javascript">
- function init(){
- alert("页面加载完毕!");
- }
- window.onload=init;
- </script>
-
- <html>
- <body onload="init()">
- </body>
- </html>