本教程的這一部分內容是關于 JavaScript 語言本身的。
首先,讓我們看看如何將腳本添加到網頁上。對于服務器端環境(如 Node.js),你只需要使用諸如 "node my.js" 的命令行來執行它。
我們幾乎可以使用 <script> 標簽將 JavaScript 程序插入到 HTML 文檔的任何位置。
比如:
你可以通過點擊右上角的“播放”按鈕來運行這個例子。
<script> 標簽中包裹了 JavaScript 代碼,當瀏覽器遇到 <script> 標簽,代碼會自動運行。
<script> 標簽有一些現在很少用到的特性(attribute),但是我們可以在老代碼中找到它們:
type 特性:<script type=…>
在老的 HTML4 標準中,要求 script 標簽有 type 特性。通常是 type="text/javascript"。這樣的特性聲明現在已經不再需要。而且,現代 HTML 標準已經完全改變了此特性的含義?,F在,它可以用于 JavaScript 模塊。但這是一個高階話題,我們將在本教程的另一部分中探討 JavaScript 模塊。
language 特性:<script language=…>
這個特性是為了顯示腳本使用的語言。這個特性現在已經沒有任何意義,因為語言默認就是 JavaScript。不再需要使用它了。
在非常古老的書籍和指南中,你可能會在 <script> 標簽里面找到注釋,就像這樣:
現代 JavaScript 中已經不這樣使用了。這些注釋是用于不支持 <script> 標簽的古老的瀏覽器隱藏 JavaScript 代碼的。由于最近 15 年內發布的瀏覽器都沒有這樣的問題,因此這種注釋能幫你辨認出一些老掉牙的代碼。
如果你有大量的 JavaScript 代碼,我們可以將它放入一個單獨的文件。
腳本文件可以通過 src 特性(attribute)添加到 HTML 文件中。
這里,/path/to/script.js 是腳本文件從網站根目錄開始的絕對路徑。當然也可以提供當前頁面的相對路徑。例如,src ="script.js",就像 src="./script.js",表示當前文件夾中的 "script.js" 文件。
我們也可以提供一個完整的 URL 地址,例如:
要附加多個腳本,請使用多個標簽:
我們可以使用一個 <script> 標簽將 JavaScript 代碼添加到頁面中。
type 和 language 特性(attribute)不是必需的。
外部的腳本可以通過 <script src="path/to/script.js"></script> 的方式插入。
有關瀏覽器腳本以及它們和網頁的關系,還有很多可學的。但是請記住,教程的這部分主要是針對 JavaScript 語言本身的,所以我們不該被瀏覽器特定的實現分散自己的注意力。我們將使用瀏覽器作為運行 JavaScript 的一種方式,這種方式非常便于我們在線閱讀,但這只是很多種方式中的一種。