JavaScript：loadScript 方法

最新推荐文章于 2025-03-24 18:12:57 发布

快雪时晴-初晴融雪

最新推荐文章于 2025-03-24 18:12:57 发布

阅读量642

点赞数 5

分类专栏：前端文章标签：前端 javascript

本文链接：https://blog.csdn.net/snowball_li/article/details/143595904

版权

前端专栏收录该内容

293 篇文章

订阅专栏

一、loadScript 解释

在JavaScript中，loadScript 方法通常用于动态地加载一个外部JavaScript脚本。这种方法常用于需要根据某些条件（如用户交互、页面加载完成后的某些操作等）动态引入脚本的场景。

二、实现代码

function loadScript(url, callback) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;

    script.onload = function() {
        // 当脚本加载并执行完毕后，调用回调函数
        if (callback && typeof callback === 'function') {
            callback();
        }
    };

    script.onerror = function() {
        console.error('Script load error for URL:', url);
    };

    // 将脚本添加到DOM中，以开始加载
    document.head.appendChild(script);
}

// 使用示例
loadScript('https://example.com/some-script.js', function() {
    console.log('Script loaded and executed!');
    // 在这里执行依赖于加载的脚本的代码
});