在html中使用window.onload和onload的区别

在html中使用window.onload和onload的区别,第1张

window.onload = init 是 把函数值赋给onload属性。 上面这句赋值时不会执行Init函数,且onload对应的方法是init函数window.onload = init()是调用函数init.上面这句赋值时会执行Init函数,且onload对应的方法不是init函数,而是执行结果

1、onload 就是当body中的内容开始加载时,执行的语句;

2、一般写在body里面;

3、执行的过程使用javascript编写。

举个例子,在html页面中有一个大图片,想要在图片显示出来后提示一个消息框“图片加载完成”,如果你直接写在JS里function(){alert(“图片加载完成”)}因为代码执行顺序是从上到下一次执行,图片还没加载,而函数已经执行那么就不合理了,所以用onload方法,就是为了等页面的东西都加载完了才执行。

<body onload="loader()">这个通常是ajax加载进来的方法,像一个js文件:var ajax=new AJAXRequest()

function $(id) {

return document.getElementById(id)

}function list(page) {

var element = document.getElementById("aj")

element.innerHTML = "<h3>loading data...</h3>"ajax.get(

"model.php?action=list",

function(obj) {element.innerHTML = obj.responseText})

} 你可以在html文件中用:<html><body onload="loader()"><div id=aj></div></body>model.php?action=list条件下的内容会通过<div id=aj></div>显示</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8294154.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存