引入方式
JavaScript 程序不能獨(dú)立運(yùn)行桦他,它需要被嵌入 HTML 中,然后瀏覽器才能執(zhí)行 JavaScript 代碼。通過 script 標(biāo)簽將 JavaScript 代碼引入到 HTML 中,有兩種方式:
內(nèi)部方式
通過 script 標(biāo)簽包裹 JavaScript 代碼
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 引入方式</title>
</head>
<body>
? <!-- 內(nèi)聯(lián)形式:通過 script 標(biāo)簽包裹 JavaScript 代碼 -->
? <script>
? ? alert('嗨拧略,歡迎來傳智播學(xué)習(xí)前端技術(shù)!')
? </script>
</body>
</html>
外部形式
一般將 JavaScript 代碼寫在獨(dú)立的以 .js 結(jié)尾的文件中尚辑,然后通過 script 標(biāo)簽的 src 屬性引入
// demo.js
document.write('嗨辑鲤,歡迎來傳智播學(xué)習(xí)前端技術(shù)!')
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 引入方式</title>
</head>
<body>
? <!-- 外部形式:通過 script 的 src 屬性引入獨(dú)立的 .js 文件 -->
? <script src="demo.js"></script>
</body>
</html>
如果 script 標(biāo)簽使用 src 屬性引入了某 .js 文件杠茬,那么 標(biāo)簽的代碼會被忽略T氯臁3谒妗!如下代碼所示:
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 引入方式</title>
</head>
<body>
? <!-- 外部形式:通過 script 的 src 屬性引入獨(dú)立的 .js 文件 -->
? <script src="demo.js">
? ? // 此處的代碼會被忽略掉D唷Rㄍ浮!决左!
? ? ? alert(666);?
? </script>
</body>
</html>
注釋和結(jié)束符
通過注釋可以屏蔽代碼被執(zhí)行或者添加備注信息愕够,JavaScript 支持兩種形式注釋語法:
單行注釋
使用 //? 注釋單行代碼
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 注釋</title>
</head>
<body>
? <script>
? ? // 這種是單行注釋的語法
? ? // 一次只能注釋一行
? ? // 可以重復(fù)注釋
? ? document.write('嗨,歡迎來傳智播學(xué)習(xí)前端技術(shù)佛猛!');
? </script>
</body>
</html>
多行注釋
使用 /* */ 注釋多行代碼
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 注釋</title>
</head>
<body>
? <script>
? ? /* 這種的是多行注釋的語法 */
? ? /*
? ? ? ? 更常見的多行注釋是這種寫法
? ? ? ? 在些可以任意換行
? ? ? ? 多少行都可以
? ? ? */
? ? document.write('嗨惑芭,歡迎來傳智播學(xué)習(xí)前端技術(shù)!')
? </script>
</body>
</html>
注:編輯器中單行注釋的快捷鍵為 ctrl + /
結(jié)束符
在 JavaScript 中 ; 代表一段代碼的結(jié)束继找,多數(shù)情況下可以省略 ; 使用回車(enter)替代遂跟。
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>JavaScript 基礎(chǔ) - 結(jié)束符</title>
</head>
<body>
? <script>
? ? alert(1);
? ? alert(2);
? ? alert(1)
? ? alert(2)
? </script>
</body>
</html>
實(shí)際開發(fā)中有許多人主張書寫 JavaScript 代碼時省略結(jié)束符 ;