Heim  >  Artikel  >  Web-Frontend  >  Zwei Möglichkeiten zum Importieren von JS-Dateien in Javascript

Zwei Möglichkeiten zum Importieren von JS-Dateien in Javascript

autoload
autoloadOriginal
2021-04-13 11:32:469856Durchsuche

Zwei Möglichkeiten zum Importieren von JS-Dateien in Javascript

Um die Anzeige großer Codemengen in HTML zu vermeiden, entscheiden wir uns im Allgemeinen dafür, das js-Skript in einer separaten Datei abzulegen und dann den js-DateiImportieren in <code>HTML, wodurch die HTML-Datei prägnanter werden kann. In diesem Artikel werden hauptsächlich die beiden Möglichkeiten zum Importieren von js-Skripten vorgestellt. Code>: traditioneller Import, Modulimport. <code>HTML中显示大量的代码,我们一般选择将js脚本单独放入一个文件中,然后再将js文件导入HTML中,这样可以使得HTML文件更加简洁,本文主要介绍导入js脚本的两种方式分别是:传统导入、模块导入。

    首先确认需要导入的js脚本的位置,本文在HTML
Bestätigen Sie zunächst den Speicherort des js-Skripts, das importiert werden muss. Dieser Artikel befindet sich im selben Pfad wie die HTML-Datei.

1. Traditioneller Import:

JS-Skriptinhalt:

//文件名:example.js
let a="呵呵姑娘";

<!-- example.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./example.js"></script>
    <script> 
        console.log(a);
    </script>
</body>
</html>

//文件名:example.js
let a="呵呵姑娘";
export {a};
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module">
        import {a} from &#39;./example.js&#39;;
        console.log(a);
    </script>
</body>
</html>
rrreeerrreee
rrreee ee

HTML-Inhalt:

rrreee


Empfohlen: „

Fragen und Antworten zum js-Interview 2021 (große Zusammenfassung)js. Tutorial

Das obige ist der detaillierte Inhalt vonZwei Möglichkeiten zum Importieren von JS-Dateien in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn