直接在页面上写<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>
1
dobelee 2019-04-13 21:50:02 +08:00 via Android
这个。。楼主有学过 js 吗?
|
2
Mutoo 2019-04-13 21:54:28 +08:00
在页面上直接写,会在 DOM 树边解释时边执行,此时的 DOM 树可能并不完整(#xxx 可能未被创建)。
而 window.onload 是一个事件回调函数,在 DOM 树被解析完成后触发执行。此时的 DOM 树是完整的(#xxx 已经创建)。 |
3
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 元素可能还没加载出来。 |
4
glouhao 2019-04-13 21:56:30 +08:00 via Android
事件啊, 那个=前面是事件,当我脱下裤子再尿出来和直接尿出来的区别。大概好像这意思,你百度吧,我是做 seo 的,不懂代码。
|
5
belin520 2019-04-13 22:01:10 +08:00
window.onload 楼主按照英文字面意思理解即可解决你的疑问
|
7
FEDT 2019-04-13 22:04:29 +08:00 via iPhone
查下文档有这么难吗
|
8
caomu 2019-04-13 23:07:39 +08:00 via Android
借问一下,把 script 放在 body 最下面可以吗?
|
10
xuAN111 2019-04-14 09:53:07 +08:00
一个是当浏览器解析到这块代码的时候立刻执行,
另一个是等网页资源全部加载完成后执行,比如你网页有比较多的图片,那么图片没加载完成,js 代码也不会执行,只有全部加载完成后才会执行。 |
11
botian 2019-04-14 11:00:27 +08:00
。。。。建议楼主去好好学学 javascript 吧,这种问题专门来发帖的时间,看文档都看会了
|
12
sandersyao 2019-04-22 22:26:50 +08:00
同行还是那么刻薄,建议楼主可以把带这个 id 属性的标签写在这个 script 标签后面看看效果
|
13
galikeoy 2019-04-29 17:02:18 +08:00
@sandersyao #12 不是这么刻薄,而是这问题太基础了 百度一分钟的事
|