So rufen Sie eine Funktion in externem Javascript auf

Bei der Frontend-Entwicklung stoßen wir häufig auf Situationen, in denen wir Funktionen in externen JavaScript-Dateien aufrufen müssen. Normalerweise können wir die externe JavaScript-Funktion über das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag in der Webseite referenzieren und sie dann direkt aufrufen. Was aber, wenn wir externe Funktionen im JavaScript-Code dynamisch aufrufen möchten? In diesem Artikel wird erläutert, wie Funktionen in externen JavaScript-Dateien aufgerufen werden.

1. Referenzieren externer JavaScript-Dateien

Bevor wir externe JavaScript-Funktionen aufrufen, müssen wir externe JavaScript-Dateien auf der Webseite referenzieren. Sie können den folgenden Code verwenden, um externe JavaScript-Dateien in die Webseite einzuführen.

<script src="[文件路径]"></script>

Wobei [Dateipfad] der Pfad zur externen JavaScript-Datei ist. Beachten Sie, dass der Pfad relativ zum Pfad der aktuellen Seite sein sollte. Wenn sich die externe Datei im selben Verzeichnis der Seite befindet, kann sie direkt über den Dateinamen referenziert werden.

Wenn Sie beispielsweise auf eine externe JavaScript-Datei mit dem Namen „script.js“ verweisen möchten, können Sie den folgenden Code zum Verweisen verwenden:

<script src="script.js"></script>

2. Verwenden Sie das Fensterobjekt, um externe Funktionen aufzurufen

Nach erfolgreicher Referenzierung der externen In einer JavaScript-Datei können wir das Fensterobjekt verwenden, um externe Funktionen aufzurufen. Das Fensterobjekt ist ein globales Objekt, das alle globalen Eigenschaften und Methoden enthält, sodass Sie das Fensterobjekt zum Aufrufen externer Funktionen verwenden können. Das Folgende ist ein Codebeispiel für die Verwendung eines Fensterobjekts zum Aufrufen einer externen Funktion:

//在外部函数文件script.js中定义test函数
function test(){
    alert("这是外部JavaScript文件中的test函数");
}

//在本页面中使用window对象调用test函数
window.test();

Beachten Sie, dass Sie bei Verwendung eines Fensterobjekts zum Aufrufen einer externen Funktion sicherstellen müssen, dass die Funktion definiert wurde und nach dem Verweisen auf die externe Datei.

3. Verwenden Sie die AJAX-Technologie, um externe Funktionen aufzurufen.

Zusätzlich zur Verwendung des Fensterobjekts zum Aufrufen externer Funktionen können Sie auch die AJAX-Technologie zum Aufrufen externer Funktionen verwenden. Die AJAX-Technologie kann Daten asynchron laden, um die Leistung von Webseiten zu optimieren. Das Folgende ist ein Codebeispiel, das die AJAX-Technologie verwendet, um eine externe Funktion aufzurufen:

//使用XMLHttpRequest对象加载外部函数文件script.js 
var xhr=new XMLHttpRequest();
xhr.open('GET','script.js',true);
xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
        //将外部函数文件注入页面中
        eval(xhr.responseText);
        //调用外部函数
        test();
    }
}
xhr.send();

In diesem Codebeispiel verwenden wir das XMLHttpRequest-Objekt, um die externe Funktionsdatei script.js asynchron zu laden, und verwenden dann die Funktion eval, um die Datei hineinzufügen die Seite und rufen Sie schließlich die externe Funktion auf. Es ist zu beachten, dass Sie bei der Verwendung der Eval-Funktion zum Einfügen von Code sicherstellen müssen, dass der Code sicher ist, da er sonst die Sicherheit der Website erheblich beeinträchtigt.

Zusammenfassung:

Das Obige ist eine Methode zum Aufrufen von Funktionen in externen JavaScript-Dateien, die mithilfe von Fensterobjekten oder AJAX-Technologie erreicht werden kann. Es ist zu beachten, dass die häufige Verwendung der AJAX-Technologie zum Aufrufen externer Funktionen auf Webseiten so weit wie möglich vermieden werden sollte, um die Leistung und das Benutzererlebnis der Webseite nicht zu beeinträchtigen. Wenn Sie die Eval-Funktion zum Einfügen von Code verwenden, müssen Sie gleichzeitig die Sicherheit des Codes gewährleisten.

Das obige ist der detaillierte Inhalt vonSo rufen Sie eine Funktion in externem Javascript auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!