网上说在head里写JavaScript需要加window.onload,自己试着写了两段代码,结果代码2提示错误,删了window.onlad却能执行了,迷糊了。求解原因,及什么时候用window.onload
代码1:
代码2:
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
基本不用
onload一般将script标签放到</body>之前这么做有两个好处:
1.不需要写
onload因为在此时所有DOM元素已经初始化完毕2.优先加载样式和
HTML结构 防止脚本加载慢时导致页面显示空白window.onload是页面加载完成才执行的吧
看一下这个http://www.jb51.net/article/4...
window.onload是页面加载完成之后才执行里边的函数,你如果是放在要执行文本 的上边,必须写,如果你是放在要执行的文本 或者body标签下的话,就不需要window.onload
DOM加载完成后需要运行的js代码需要加window.onload,或者加到</body>之前.
下面这段不会报错,因为function执行的时候, element "god"已经存在了.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="god"></p>
</body>
</html>
下面就会报错, 因为这段js在head里,执行时 element "god" 还没创建.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="god"></p>
</body>
</html>
可以把上面的代码放在html尾部,就不会报错了.
但是一般不这么做,
一般可以把这段js放在一个js文件里,用script标签引入进来,用defer关键字来延迟加载.
代码能不能貼全,错误都不能还原都在那瞎猜浪费时间,与其说加载顺序问题,我比较关注它的js写得有问题,例如这句document.getElementById('btn').click();感觉好像是没写完,还有.click()好像是jquery方法