直接在页面上写<script>...</script>和用 window.onload = function()，有什么区别吗？

2019-04-13 21:45:30 +08:00
 lisisi

直接在页面上写<script>...</script>

<script type="text/javascript">
    document.getElementById('xxx').style.color="#ff0000";
</script>

和用 window.onload = function() 有区别吗？

<script>
    window.onload=function(){
    document.getElementById('xxx').style.color="#ff0000";
    }
</script>
4264 次点击
所在节点    JavaScript
13 条回复
dobelee
2019-04-13 21:50:02 +08:00
这个。。楼主有学过 js 吗？
Mutoo
2019-04-13 21:54:28 +08:00
在页面上直接写，会在 DOM 树边解释时边执行，此时的 DOM 树可能并不完整（#xxx 可能未被创建）。
而 window.onload 是一个事件回调函数，在 DOM 树被解析完成后触发执行。此时的 DOM 树是完整的（#xxx 已经创建）。
xupefei
2019-04-13 21:55:35 +08:00
onload is most often used within the <body> element to execute a script once a web page has completely loaded all content (including images, script files, CSS files, etc.).

第一种写法在执行的时候 xxx 元素可能还没加载出来。
glouhao
2019-04-13 21:56:30 +08:00
事件啊， 那个＝前面是事件，当我脱下裤子再尿出来和直接尿出来的区别。大概好像这意思，你百度吧，我是做 seo 的，不懂代码。
belin520
2019-04-13 22:01:10 +08:00
window.onload 楼主按照英文字面意思理解即可解决你的疑问
belin520
2019-04-13 22:02:30 +08:00
@glouhao 额，很多论坛里面我只有 7-8 成把握的问题我都不敢回复别人，因为怕有 3 成几率错了而误导了别人
FEDT
2019-04-13 22:04:29 +08:00
查下文档有这么难吗
caomu
2019-04-13 23:07:39 +08:00
借问一下，把 script 放在 body 最下面可以吗？
shuAS
2019-04-13 23:40:30 +08:00
@caomu 可以，此时页面 DOM 已经加载完毕
xuAN111
2019-04-14 09:53:07 +08:00
一个是当浏览器解析到这块代码的时候立刻执行，
另一个是等网页资源全部加载完成后执行，比如你网页有比较多的图片，那么图片没加载完成，js 代码也不会执行，只有全部加载完成后才会执行。
botian
2019-04-14 11:00:27 +08:00
。。。。建议楼主去好好学学 javascript 吧，这种问题专门来发帖的时间，看文档都看会了
sandersyao
2019-04-22 22:26:50 +08:00
同行还是那么刻薄，建议楼主可以把带这个 id 属性的标签写在这个 script 标签后面看看效果
galikeoy
2019-04-29 17:02:18 +08:00
@sandersyao #12 不是这么刻薄，而是这问题太基础了 百度一分钟的事

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/554890

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX