首頁  >  文章  >  web前端  >  如何在網頁中引入外部JS文件和CSS樣式文件

如何在網頁中引入外部JS文件和CSS樣式文件

青灯夜游
青灯夜游原創
2020-12-23 15:17:486278瀏覽

在網頁中,可以使用「3f1c4e4b6b16bbbd69b2ee476dc4f83a」標籤,利用該標籤的src屬性引入外部js檔案。在網頁的head標籤中可以使用「2cdf5bf648cf2f33323966d7f58a7f3f」標籤來引入外部css樣式表檔案;或使用「@import url("檔案路徑");」來引入外部css樣式檔案。

如何在網頁中引入外部JS文件和CSS樣式文件

本教學操作環境:windows7系統、JavaScript1.8.5&&css3版本,Dell G3電腦,此方法適用於所有品牌電腦。

推薦:javascript影片教學css影片教學

在網頁中引入外部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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn