js loading

作者：残情弑天发布日期:2025-08-25 浏览:18

// 示例代码：使用 JavaScript 动态加载外部 JS 文件

function loadScript(url, callback) {
    // 创建 script 标签
    var script = document.createElement("script");
    script.type = "text/javascript";

    // 检查是否支持 onload 事件
    if (script.readyState) {  // IE 浏览器
        script.onreadystatechange = function() {
            if (script.readyState === "loaded" || script.readyState === "complete") {
                script.onreadystatechange = null;
                if (callback) callback();
            }
        };
    } else {  // 其他浏览器
        script.onload = function() {
            if (callback) callback();
        };
    }

    // 设置 script 的 src 属性
    script.src = url;

    // 将 script 添加到 head 中
    document.getElementsByTagName("head")[0].appendChild(script);
}

// 使用示例
loadScript("https://example.com/script.js", function() {
    console.log("外部脚本加载完成");
});

解释说明：

loadScript 函数：用于动态加载外部 JavaScript 文件。它接受两个参数：
- url：要加载的外部 JS 文件的 URL。
- callback：当外部 JS 文件加载完成后执行的回调函数。
创建 script 标签：通过 document.createElement("script") 创建一个新的 <script> 元素。
处理不同浏览器的兼容性：
- 对于旧版本的 IE 浏览器，使用 onreadystatechange 事件来检测脚本是否加载完成。
- 对于现代浏览器，使用 onload 事件来检测脚本是否加载完成。
设置 script 的 src 属性：将传入的 URL 赋值给 script 的 src 属性。
将 script 添加到 head 中：将创建的 script 元素添加到文档的 <head> 中，以开始加载外部 JS 文件。
回调函数：当外部 JS 文件加载完成后，会触发回调函数，可以在其中执行后续操作。

上一篇：js findlast

下一篇：js requestanimationframe