window.onload使用方法

<p><script type="text/javascript"></p>
<p>function init(){</p>
<p> alert("页面加载完毕！");</p>
<p>}</p>
<p>window.οnlοad=init;</p>
<p></script></p>
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片
1. window.onload = function(){}
2. window.onload ＝ functionName; // [color=red]注意:没有括号
3. IE:
window.attachEvent("onload",functionName);
FF:
window.addEventListener(); // 参数怎么写我忘了, 请自己搜索
body οnlοad="init();"事件是等doucment加载完成再加载相应的脚本
document.onreadstatechange()是指当对象状态变更时触发脚本
<script type="text/javascript">
function init() {
// quit if this function has already been called
if (arguments.callee.done) return;
// flag this function so we don't do the same thing twice
arguments.callee.done = true;
// create the "page loaded" message
var text = document.createTextNode("Page loaded!");
var message = document.getElementById("message");
message.appendChild(text);
};
/* for Mozilla */
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, null);
}
/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
document.write("<script defer src=ie_onload.js><"+"/script>");
/*@end @*/
/* for other browsers */
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.οnlοad=init;
</script>
<html>
<body οnlοad="init()">
</body>
</html>

window.onload使用方法相关推荐

$(window).load、$()与window.onload
在不能使用`$(function(){})`的场合居然忘了jquery中等价于window.onload的方法怎么写,那个汗啊!记录一下,以免再忘 $(window).load与window.onlo ...
$(document).ready() 和 window.onload 方法比较
说明页面加载文档完毕后,浏览器会通过 Javascript 为 DOM 元素添加事件. Javascript 使用 window.onload 方法,而 jQuery 使用 $(document). ...
关于JS的window.onload与$(function (){})方法区别
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(function (){})==$(document).ready()是DOM结构绘制完毕后就执行,不必等到 ...
window.onload()方法和window.onscroll()方法
也许你想成为太阳,可你却只是一颗星辰:也许你想成为大树,可你却是一棵小草.于是,你有些自卑.其实,你和别人一样,也是一片风景:做不了太阳,就做星辰,在自己的星座发光发热:做不了大树,就做小草,以自己的 ...
执行多个window.onload匿名函数的方法
业务需求:在body里面创建一个div元素,点击div元素能够复制div节点,将复制后的div加载到原有的div节点后面,并且重新设置克隆后的div节点的样式. JS代码特点:在JS语句中有两个win ...
window.onload和jquery中$(function(){ })的区别
为什么80%的码农都做不了架构师?>>> 今天调试js发现一个问题,我想页面加载完之后才执行我写的js方法,首先我用jqery中$(function(){ })调试了N久都没有 ...
谈谈document.ready和window.onload的区别
在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的,都是在dom文档树加载完之后执行 ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
JavaScript：window.onload问题
前几天做一个点击按钮,就实现切换图片效果的小demo时,代码看上去没问题,就是达不到效果.让我百思不得其解. 代码如下: <!DOCTYPE html> <html><h ...

window.onload使用方法

window.onload使用方法相关推荐

最新文章

热门文章