Heim > Artikel > Web-Frontend > So fügen Sie externe JS-Dateien und CSS-Stildateien in Webseiten ein
So fügen Sie externe JS-Dateien und CSS-Stildateien in Webseiten ein
- 青灯夜游Original
- 2020-12-23 15:17:486294Durchsuche
Auf einer Webseite können Sie das „3f1c4e4b6b16bbbd69b2ee476dc4f83a“-Tag verwenden und das src-Attribut des Tags verwenden, um externe JS-Dateien einzuführen. Sie können das Tag „2cdf5bf648cf2f33323966d7f58a7f3f“ im Head-Tag einer Webseite verwenden, um eine externe CSS-Stylesheet-Datei einzuführen .
Die Betriebsumgebung dieses Tutorials: Windows7-System, JavaScript 1.8.5 und CSS3-Version, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.
Empfohlen: Javascript-Video-Tutorial, CSS-Video-Tutorial
So fügen Sie externe JS-Dateien in eine Webseite ein
Sie können externe JS-Dateien über das src-Attribut des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags einführen.
Obwohl das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag viele andere Attribute hat, werden diese Attribute nicht häufig verwendet, oder sie haben alle Standardwerte, und diese Standardwerte müssen normalerweise nicht geändert werden, sodass das src-Attribut möglicherweise das einzige ist Attribut, das Sie kennen müssen.
<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>Auf diese Weise sendet der Server die JavaScript-Datei mit dem MIME-Typ application/x-javascript an den Browser.
So fügen Sie externe CSS-Dateien über 2cdf5bf648cf2f33323966d7f58a7f3f ein.
Verwenden Sie das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag-Paar Webseite. Führen Sie externe Stylesheet-Dateien ein und verwenden Sie HTML-Regeln, um externes CSS einzuführen. 2cdf5bf648cf2f33323966d7f58a7f3f-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen. Der 2cdf5bf648cf2f33323966d7f58a7f3f-Tag wird am häufigsten zum Verknüpfen von Stylesheets verwendet. Syntax:<link rel="stylesheet" href="css文件路径" type="text/css" />2. Importieren Sie externe CSS-Dateien über ImportCSS @import-Regeln, die zum Importieren von Stilregeln aus anderen Stylesheets verwendet werden. Diese Regeln müssen allen anderen Regeltypen vorangehen und @import kann nicht in Regeln einer bedingten Gruppe verwendet werden. @Importregelsyntax
@import url("文件路径");Weitere programmierbezogene Kenntnisse finden Sie unter: Programmierkurs
! !Das obige ist der detaillierte Inhalt vonSo fügen Sie externe JS-Dateien und CSS-Stildateien in Webseiten ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!