第二章
教材: JavaScript 高级程序设计
目录
JavaScript的执行过程:
JavaScript的三个组成
一. script元素
1. 介绍
是将JavaScript插入HTML的主要方法。
具体属性介绍:<script>
元素
两种方式:
- 嵌入行内JavaScript代码,
<script>
内的代码会被从上到下解释。
<script>
function sayHi() {
console.log("Hi!");
}
</script>
如果<script>
元素中出现字符串</script>
时,浏览器解析行内脚本的方式决定了它在看到字符串</script>
时,会将其当成结束的</script>
标签。想避免这个问题,只需要转义字符“\”即可:
<script>
function sayScript() {
console.log("<\/script>");
}
</script>
- 调用外部JavaScript文件
<script src="example.js"></script>
注意:
使用了src 属性的<script>
元素不应该再在<script>
和</script>
标签中再包含其他JavaScript代码。如果两者都提供的话,则浏览器只会下载并执行脚本文件,从而忽略行内代码。
<script>
元素的src 属性可以是一个完整的URL,而且这个URL 指向的资源可以跟包含它的HTML 页面不在同一个域中,比如这个例子:
<script src="http://www.somewhere.com/afile.js"></script>
浏览器在解析这个资源时,会向src 属性指定的路径发送一个GET 请求,以取得相应资源,假定是一个JavaScript 文件。