在網頁中,可以使用「3f1c4e4b6b16bbbd69b2ee476dc4f83a」標籤,利用該標籤的src屬性引入外部js檔案。在網頁的head標籤中可以使用「2cdf5bf648cf2f33323966d7f58a7f3f」標籤來引入外部css樣式表檔案;或使用「@import url("檔案路徑");」來引入外部css樣式檔案。
本教學操作環境:windows7系統、JavaScript1.8.5&&css3版本,Dell G3電腦,此方法適用於所有品牌電腦。
在網頁中引入外部JS檔案的方法
可以透過3f1c4e4b6b16bbbd69b2ee476dc4f83a標籤的src屬性引入外部js檔案。
雖然3f1c4e4b6b16bbbd69b2ee476dc4f83a標籤還有這許多其他屬性,但是這些屬性都不常用,或者都有著預設值,而這些預設值通常都不需要更改,所以src屬性可能是你唯一需要了解的屬性。
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>JavaScript的引入</title> </head> <body> <!-- 引入本地文件 --> <script src="./script.js"></script> <!-- 引入外部域的文件 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </body> </html>
這種方式伺服器將會以MIME型別為application/x-javascript將JavaScript檔案傳送到瀏覽器。
在網頁中引入外部CSS檔案的方法
1、透過2cdf5bf648cf2f33323966d7f58a7f3f引入css外部檔案
在網頁的a34e46bf00bd40a62b8f40d2d232d4e8標籤對中使用2cdf5bf648cf2f33323966d7f58a7f3f標記來引入外部樣式表文件,使用html規則引入外部css。
2cdf5bf648cf2f33323966d7f58a7f3f 標籤定義文件與外部資源的關係,2cdf5bf648cf2f33323966d7f58a7f3f 標籤最常見的用途是連結樣式表。
語法:
<link rel="stylesheet" href="css文件路径" type="text/css" />
2、透過import 匯入css外部檔案
CSS @import規則,用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他類型的規則,@import不能在條件組的規則中使用。
@import規則語法
@import url("文件路径");
更多程式設計相關知識,請造訪:程式設計課程! !
以上是如何在網頁中引入外部JS文件和CSS樣式文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!