[ Day 12 ] - <script> 标签放哪里~

上一篇有提到,一个浏览器在解析网页时,会将 HTML 内容由上至下一行一行解析成 DOM 的节点,
并且透过 DOM API 来控制节点

那麽,HTML 在写 JavaScript 时,可以放的位置有两个地方

  • 放在 ... 之间
  • 放在 之前

如果放在 ... 里面,可以吗?

直接来看范例:

结果是什麽都没出现,说好的文字呢?

最前面有提到,解析网页时,会将 HTML 内容由上至下一行一行解析成 DOM 的节点,
当 放在 ... 中,要操控 HTML 元素时,
浏览器实际还没有解析网页完成,所以无法得到预期的效果。

所以,需要放在 之前,就可以得到预期的效果,范例及结果如下:

参考资料与学习资源

  • 0 陷阱!0 误解!8 天重新认识 JavaScript!
  • JavaScript 指南
  • 六角学院 - JavaScript 必修篇 - 前端修练全攻略

本日小节

这是我的学习纪录,欢迎各路大神指点指教,有任何问题都可以传讯息给我~
我们下次见!


<<:  Day12 - [丰收款] 为BackendURL中收到PayToken铺路,Django来了。

>>:  EP 12 - [TDD] 设定环境变数

Day14. Blue Prism拯救贫穷大作战第二弹-BP新增一个读取Excel的『Objects』

由於疫情的关系有几周的人员分流上班的机会, 我与小朋友在家远端连线Google Meeting与小朋...

Day-12 决策树(decision tree)

排序的速度 Quicksort,需要 heapsort,需要 merge sort,需要 inser...

[13th][Day23] http response header(下)

接续昨天 response headers 的部分 一样是看 Julia Evans 大大的可爱的图...

Day24 jQuery 基本教学(四)

CSS 与特效 JQ 的特效主要是协助快速控制 CSS,包含控制了你的 display 做显示或隐藏...

Ruckus R320 AP设定问题

哈罗 想请教一下各位 目前公司开一家新店 我们用了Ruckus R320的AP 因为是跨县分店 我们...