1. 程式人生 > 程式設計 >javascript內嵌式與外鏈式的基本應用方式

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

目錄
  • 內嵌式與外鏈式基本應用
  • 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&g
t;

但是在大型工程以及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屬性為srchttp://www.cppcns.com不是href,不是href,不是href…

以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。