溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下怎么在網(wǎng)頁中引入外部JS文件和CSS樣式文件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
在網(wǎng)頁中，可以使用“<script>”標簽，利用該標簽的src屬性引入外部js文件。在網(wǎng)頁的head標簽中可以使用“<link>”標簽來引入外部css樣式表文件；或者使用“@import url("文件路徑");”來引入外部css樣式文件。
在網(wǎng)頁中引入外部JS文件的方法
可以通過<script>標簽的src屬性引入外部js文件。
雖然<script>標簽還有這許多其他屬性，但是這些屬性都不常用，或者都有著默認值，而這些默認值通常都無需更改，所以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文件傳送到瀏覽器。
在網(wǎng)頁中引入外部CSS文件的方法
1、通過<link>引入css外部文件
在網(wǎng)頁的<head></head>標簽對中使用<link>標記來引入外部樣式表文件，使用html規(guī)則引入外部css。
<link> 標簽定義文檔與外部資源的關系，<link> 標簽最常見的用途是鏈接樣式表。
語法：
<link rel="stylesheet" href="css文件路徑" type="text/css" />
2、通過import 導入css外部文件
CSS @import規(guī)則，用于從其他樣式表導入樣式規(guī)則。這些規(guī)則必須先于所有其他類型的規(guī)則，@import不能在條件組的規(guī)則中使用。
@import規(guī)則語法
@import url("文件路徑");以上是“怎么在網(wǎng)頁中引入外部JS文件和CSS樣式文件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
