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

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

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

在網頁中，可以使用「3f1c4e4b6b16bbbd69b2ee476dc4f83a」標籤，利用該標籤的src屬性引入外部js檔案。在網頁的head標籤中可以使用「2cdf5bf648cf2f33323966d7f58a7f3f」標籤來引入外部css樣式表檔案；或使用「@import url("檔案路徑");」來引入外部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中文網其他相關文章！

JavaScript css css3 html JS 样式表

陳述：

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

上一篇：web前端三大主流框架是什麼下一篇：web前端三大主流框架是什麼

看更多