Methode 1: Nativ
Der Inhalt von adc.js ist wie folgt:
var hello = "H9";
html.html
<script>
var s = document.createElement("script");
s.src = "abc.js";
document.head.appendChild(s);
s.addEventListener("load",function(){
// 等待s的load事件加载完响应，防止未加载完就调用出错
console.log(hello);
})
setTimeout(function(){//或者使用定时器保证其载入完后调用（不安全，不如监听事件好）
console.log(hello);
},1000);
// $.getScript("abc.js");
</script>
Methode 2: jquery.js
$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>
Methode 3: require.js
require.js teilt Version 2.1.1. Beachten Sie, dass es für große Projekte geeignet ist.
index.html
main.js
console.log("你好世界");
require(["js1","js2","js3"],function () {
// 是异步加载导入。js后缀可以省略
console.log("你们加载完了么？");
var total = num1+num2+num3;
console.log(total);
hello1();
hello2();
hello3();
})
Sie können js-Dateien einfach mit requireJs importieren, Sie müssen jedoch auf den Konflikt zwischen Variablennamen und Methodennamen in JS-Dateien achten. Ursache: Browser-JS-Dateien teilen sich den globalen Bereich und Variablennamen und Methodennamen im Bereich können überschrieben werden
So beheben Sie einen Skriptfehler
Win11 überspringt das Tutorial, um sich beim Microsoft-Konto anzumelden
Was bedeutet Kontext?
Wo sind die Online-Zuschauerzahlen bei Station B?
Was bedeutet vorzeichenlose Ganzzahl?
Was sind die Federrahmen?
BIOS kann Solid-State-Laufwerk nicht erkennen
Die Bedeutung der heutigen Schlagzeilen-Anzeigelautstärke
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
