在js学习阶段,一直使用<script>
元素,但对它了解较少。看了大家推荐的红宝书之后,学到了许多关于它的知识,收获颇多。本篇文章围绕<script>
元素简单讲一下使用、行内脚本与外部脚本等。
一、<script>
使用
两种方式:通过它直接在网页中嵌入JavaScript代码、通过它在网页中包含外部JavaScript文件。
- 直接在网页中嵌入JavaScript代码
<script>
// 嵌入行内JavaScript代码,直接把代码放在<script>元素中即可
function sayHi() {
console.log("Hi!");
}
</script>
包含在<script>
内的代码会被从上到下解释。在<script>
元素中的代码被计算完成之前,页面中的其余内容不会被加载,也不会被显示。
而在使用行内JavaScript代码时,还需注意,代码中不能出现</script>
,否则浏览器会报错。
<script>
function sayScript() {
console.log("</script>");
}
</script>
若想避免上述问题,只需加转义字符 “\” 即可。
<script>
function sayScript() {
console.log(