function sayScri。2.1 <script>元素。" />

2.1 <script>元素

将 JavaScript 插入 HTML 的主要方法是使用"); }

浏览器解析行内脚本的方式决定了它在看到字符串时,会将其当成结束的标签。想避免这个问题,只需要转义字符“\”即可:

> function sayScript() { console.log("<\/script>"); }


这样修改之后,代码就可以被浏览器完全解释,不会导致任何错误。

要包含外部文件中的 JavaScript,就必须使用 src 属性。这个属性的值是一个 URL,指向包含 JavaScript 代码的文件,比如:
="example.js">


这个例子在页面中加载了一个名为 example.js 的外部文件。文件本身只需包含要放在标签中再包含其他 JavaScript 代码。如果两者都提供的话,则浏览器只会下载并执行脚本文件,从而忽略行内代码。



使用这种格式,Mosaic 等浏览器就可以忽略标签中的内容,而支持 JavaScript 的浏览器则必须识别这种模式,将其中的内容作为 JavaScript 来解析。

虽然这种格式仍然可以被所有浏览器识别和解析,但已经不再必要,而且不应该再使用了。在 XHTML 模式下,这种格式也会导致脚本被忽略,因为代码处于有效的 XML 注释当中。

【2.1 <script>元素】上一节:第2章 HTML 中的 JavaScript
下一节:2.2 行内代码与外部文件

    推荐阅读