javascript內嵌式與外鏈式的基本應用方式
阿新 • • 發佈:2021-12-06
目錄
- 內嵌式與外鏈式基本應用
- Script的三種書寫方式:行內式、內嵌式、外鏈式
- 1、行內式
- 2、內嵌式
- 3、外鏈式
javascript內嵌式與外鏈式基本應用
語言可以完全放在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>HCquGWENq
將需要編寫的javascript程式碼放在1245.js的HCquGWENq檔案中
JavaScript的三種書寫方式:行內式、內嵌式、外鏈式
1、行內式
在html標籤的屬性內,通過行為觸發執行.(幾乎不用)
2、內嵌式
在html檔案內使用script標籤包裹起來,頁面開啟自動執行。(使用方便,但是大篇幅的JS程式碼千萬不要用。)
3、外鏈式
寫在獨立的js檔案內,在html檔案中使用script標籤的src屬性引入,頁面開啟自動執行。(推薦使用,因為有各種優化方法)
注:行內真的很少用,幾乎不用。內嵌和外鏈不能共用一個script標籤。外鏈的script標籤,原則上來說可以放在任何位置。外鏈的script屬性為src,http://www.cppcns.com不是href,不是href,不是href…
以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。