javascript
JavaScript基础教程
JavaScript介紹
JavaScript 簡稱“JS”，是一種腳本編程語言，它靈活輕巧，兼顧函數(shù)式編程和面向?qū)ο缶幊?#xff0c;是 Web 前端開發(fā)的唯一選擇。JavaScript 還有很多框架，比如 jQuery、AngularJS、React 等，它們這是學習 JavaScript 的重要內(nèi)容。
JavaScript 最初只能運行于瀏覽器環(huán)境，用于 Web 前端開發(fā)，后來有“好事”的程序員將 JavaScript 從瀏覽器中分離出來，搞了一套獨立的運行環(huán)境，所以現(xiàn)在的 JavaScript 也能用于網(wǎng)站后臺開發(fā)了。學了 JavaScript，你就是全棧工程師。
第一個JavaScript程序
Html中使用
在 HTML 頁面中嵌入 JavaScript 腳本需要使用?標簽，用戶可以在標簽中直接編寫 JavaScript 代碼，具體步驟如下。
第 1 步，新建 HTML 文檔，保存為 test.html。
第 2 步，在??標簽內(nèi)插入一個標簽。
第 3 步，為??標簽設置type="text/javascript"屬性。
現(xiàn)代瀏覽器默認??標簽的腳本類型為 JavaScript，因此可以省略?type?屬性；如果考慮到兼容早期版本瀏覽器，則需要設置?type?屬性。
第 4 步，在標簽內(nèi)輸入 JavaScript 代碼：
document.write("<h1>Hi,JavaScript!</h1>")；。
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>第一個JavaScript程序</title><script type="text/javascript">document.write("<h1>Hi,JavaScript!</h1>");</script> </head> <body></body> </html>在 JavaScript 腳本中，document?表示網(wǎng)頁文檔對象；document.write()?表示調(diào)用 Document 對象的?write()?方法，在當前網(wǎng)頁源代碼中寫入 HTML 字符串"
Hi,JavaScript!
"。
第5步，保存網(wǎng)頁文檔，在瀏覽器中預覽，顯示效果如圖所示。
新建 JavaScript 文件
JavaScript 程序不僅可以直接放在 HTML 文檔中，也可以放在 JavaScript 文件中。
JavaScript 文件是文本文件，擴展名為.js，使用任何文本編輯器都可以編輯。新建 JavaScript 文件的步驟如下。
第1步，新建文本文件，保存為 test.js。注意，擴展名為.js，它表示該文本文件是 JavaScript 類型的文件。
第2步，打開 test.js 文件，在其中編寫如下 JavaScript 代碼。
alert("Hi,JavaScript!");
在上面代碼中，alert()?表示?Window?對象的方法，調(diào)用該方法將彈出一個提示對話框，顯示參數(shù)字符串?"Hi, JavaScript!"。
第3步，保存 JavaScript 文件。在此建議把 JavaScript 文件和網(wǎng)頁文件放在同一個目錄下。
JavaScript 文件不能夠獨立運行，需要導入到網(wǎng)頁中，通過瀏覽器來執(zhí)行。使用??標簽可以導入 JavaScript 文件。
第4步，新建 HTML 文檔，保存為 test.html。
第5步，在??標簽內(nèi)插入一個??標簽。定義 src 屬性，設置屬性值為指向外部 JavaScript 文件的 URL 字符串。代碼如下：
<script type="text/javascript" src="test.js"></script>
注意：使用＜script＞標簽包含外部 JavaScript 文件時，默認文件類型為 Javascript。因此，不管加載的文件擴展名是不是 .js，瀏覽器都會按 JavaScript 腳本來解析。
第6步，保存網(wǎng)頁文檔，在瀏覽器中預覽，顯示效果如圖所示。
定義 src 屬性的??標簽不應再包含 JavaScript 代碼。如果嵌入了代碼，則只會下載并執(zhí)行外部 JavaScript 文件，嵌入代碼將被忽略。
執(zhí)行 JavaScript 程序
瀏覽器在解析 HTML 文檔時，將根據(jù)文檔流從上到下逐行解析和顯示。JavaScript 代碼也是 HTML 文檔的組成部分，因此 JavaScript 腳本的執(zhí)行順序也是根據(jù)??標簽的位置來確定的。
示例
使用瀏覽器測試下面示例，會看到 JavaScript 代碼從上到下逐步被解析的過程。
在瀏覽器中瀏覽上面示例網(wǎng)頁，首先彈出提示文本“頂部腳本”，然后顯示網(wǎng)頁標題“test”，接著彈出提示文本“頭部腳本”，下面才顯示一級標題文本“網(wǎng)頁標題”，繼續(xù)彈出提示文本“頁面腳本”， 接著顯示段落文本“正文內(nèi)容”，最后彈出提示文本“底部腳本”。
你看，對于導入的 JavaScript 文件，也將按照?＜script>?標簽在文檔中出現(xiàn)的順序來執(zhí)行，而且執(zhí)行過程是文檔解析的一部分，不會單獨解析或者延期執(zhí)行。
如果想改變 JavaScript 文件的執(zhí)行順序，可以給??標簽增加?defer?或者?async?屬性，我們將在下節(jié)中講解。
JavaScript字符編碼
JavaScript 遵循 Unicode 字符編碼規(guī)則。Unicode 字符集中每個字符使用 2 個字節(jié)來表示，這意味著用戶可以使用中文來命名 JavaScript 變量。
Unicode 是 Latin-1 字符集的超集，編碼數(shù)目達到百萬級；Latin-1是 ASCII 字符集的擴展，包含 256 個拉丁字母； ASCII 字符集包含 128 個基本字符，即常用英文字母和符號。
示例
新建 HTML5 文檔，保存為 test.html。在頁面中嵌入?＜script＞?標簽，然后在該標簽中輸入下面代碼，即可正常執(zhí)行。
<script>var 書名="《JavaScript從入門到精通》", 姓名="張三";function 彩蛋(誰){document.write("<h1>" + 誰 + "</h1><p> 歡迎你學習 " + 書名 + "。</p>");}彩蛋(姓名); </script>注意：在 JavaScrip t第 1、2 版本中，僅支持 ASCII 字符編碼，Unicode 字符只能出現(xiàn)在注釋或者引號包含的字符串中。考慮到 JavaScript 版本的兼容性以及開發(fā)習慣，不建議使用雙字節(jié)的中文字符命名變量或函數(shù)名。
由于 JavaScript 腳本一般都嵌入在網(wǎng)頁中，并最終由瀏覽器來解釋，因此在考慮到 JavaScript 字符編碼的同時， 還要兼顧 HTML 文檔的字符編碼，以及瀏覽器支持的編碼。一般建議保持 HTML 文檔的字符編碼與 JavaScript 字符編碼一致，以免出現(xiàn)亂碼。
JavaScript中的幾個重要概念
JavaScript 遵循 ECMA-262 規(guī)范，目前其最新版是 ECMAScript 2018，而獲得所有主流瀏覽器完全支持的則是 ECMAScript 5。以ECMAScript 5版本為基礎，兼顧 ECMAScript 6 版本 中獲得較大支持的新特性進行介紹。
總結(jié)
以上是生活随笔為你收集整理的JavaScript基础教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Java：一般数据结构
- 下一篇： SpringBoot 如何进行参数校验，