javascript內嵌式與外鏈式的基本應用方式

Posted on by

javascript內嵌式與外鏈式基本應用

js語言可以完全放在html語言中

但視情況而定可以分為內嵌式以及外鏈式

當js代碼較少，可以直接使用內嵌式 通過<script></script>標簽以及相關屬性引入javascript

<!DOCTYPE html>
<html>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>
<body>
 
</body>
</html>

但是在大型工程以及javascript代碼較多時就需要使用外鏈式瞭

使用外鏈式時需要先新建一個.js文件

<!DOCTYPE html>
<html>
<script type="text/javascript" src="1245.js">
</script>
<body>
 
</body>
</html>

將需要編寫的javascript代碼放在1245.js的文件中

JavaScript的三種書寫方式：行內式、內嵌式、外鏈式

1、行內式

在html標簽的屬性內,通過行為觸發執行.（幾乎不用）

在這裡插入圖片描述

2、內嵌式

在html文件內使用script標簽包裹起來，頁面打開自動執行。（使用方便，但是大篇幅的JS代碼千萬不要用。）

在這裡插入圖片描述

3、外鏈式

寫在獨立的js文件內，在html文件中使用script標簽的src屬性引入，頁面打開自動執行。（推薦使用，因為有各種優化方法）

在這裡插入圖片描述

在這裡插入圖片描述

註：行內真的很少用，幾乎不用。內嵌和外鏈不能共用一個script標簽。外鏈的script標簽，原則上來說可以放在任何位置。外鏈的script屬性為src，不是href，不是href，不是href…

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：