js load

作者：ー辈ふ只寵你人发布日期:2025-12-15 浏览:62

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

function loadJS(url, callback) {
    // 创建一个新的 script 标签
    var script = document.createElement('script');
    // 设置 script 标签的类型为 JavaScript
    script.type = 'text/javascript';
    // 设置 script 标签的 src 属性为传入的 URL
    script.src = url;

    // 监听 script 加载完成的事件
    script.onload = function() {
        // 如果有回调函数，则调用回调函数
        if (callback) callback();
    };

    // 将 script 标签添加到文档的 head 中
    document.head.appendChild(script);
}

// 使用示例
loadJS('https://example.com/path/to/your/script.js', function() {
    console.log('外部 JavaScript 文件已成功加载');
});

解释说明：

loadJS 函数：该函数接收两个参数，一个是外部 JavaScript 文件的 URL (url)，另一个是可选的回调函数 (callback)。
创建 script 元素：通过 document.createElement('script') 创建一个新的 <script> 元素。
设置属性：将 script 元素的 type 设置为 'text/javascript'，并将 src 属性设置为传入的 URL。
监听加载事件：通过 script.onload 事件监听器，在脚本加载完成后执行回调函数（如果有）。
添加到文档中：将新创建的 script 元素添加到文档的 <head> 中，从而开始加载外部 JavaScript 文件。

这样可以确保外部 JavaScript 文件在页面中动态加载，并且可以在加载完成后执行特定的操作。

上一篇：js bind

下一篇：js bind方法