1.内部(Internal)方式
<!doctype html>
<html>
<body>
<p id="demo">Hello</p>
<script>
document.getElementById("demo").innerHTML = "Hello World";
</script>
</body>
</html>2.外部(External)方式
//目录结构
demo/
index.html
script.js
//index.html
<!doctype html>
<html>
<body>
<p id="demo">Hello</p>
<script src="script.js"></script>
</body>
</html>
//script.js
document.getElementById("demo").innerHTML = "Hello World";3.优先级
优先级从高到低为：内部方式 > 外部方式。
4.<script>元素位置
不推荐：开始标签 <head> 与 结束标签 </head> 之间。
推荐：结束标签 </body> 的紧挨着前面。
原创文章，作者：huoxiaoqiang，如若转载，请注明出处：https://www.huoxiaoqiang.com/javascript/htmlcss/38426.html
