更新時(shí)間:2023-02-01 來源:黑馬程序員 瀏覽量:
JavaScript 程序不能獨(dú)立運(yùn)行,它需要被嵌入 HTML 中,然后瀏覽器才能執(zhí)行 JavaScript 代碼。通過 <script> 標(biāo)簽將 JavaScript 代碼引入到 HTML 中,有兩種方式:
1.內(nèi)部方式
內(nèi)部方式是通過<script>標(biāo)簽包裹JavaScript代碼,從而引入HTML頁面中,示例代碼如下:
<!DOCTYPE html> <html> <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>
2.外部形式
一般將 JavaScript 代碼寫在獨(dú)立的以 .js 結(jié)尾的文件中,然后通過 <script>標(biāo)簽的 <src>屬性引入,示例代碼如下:
// demo.js document.write('嗨,歡迎來傳智播學(xué)習(xí)前端技術(shù)!')
<!DOCTYPE html> <html> <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)簽的代碼會(huì)被忽略?。?!如下代碼所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript 基礎(chǔ) - 引入方式</title> </head> <body> <!-- 外部形式:通過 script 的 src 屬性引入獨(dú)立的 .js 文件 --> <script src="demo.js"> // 此處的代碼會(huì)被忽略掉!?。?! alert(666); </script> </body> </html>