六月是只猫

3月

狂欢插件

效果：

使用方法：

在网页头部引入firer.js

js 代码:

<script src="https://www.lyszm.com/img/kuanghuan/firer.js"></script>

或者新建一个浏览器书签，地址填下面这个：

javascript 代码:

javascript:void(function(){var d = document,a = 'setAttribute',s = d.createElement('script');s[a]('type','text/javascript');s[a]('src','https://www.lyszm.com/img/kuanghuan/firer.js');d.head.appendChild(s);})();

动态引入JS文件代码：

用户未点击按钮前不引入JS文件，用户点击按钮后引入外部JS文件并执行

html 代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>动态引入JS文件</title>
</head>
<body>
    <button onclick="loadScript()">点击我加载并执行JS</button>

    <script>
        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = 'https://www.lyszm.com/img/kuanghuan/firer.js'; // 外部JS文件路径或者链接
            document.head.appendChild(script);

            script.onload = function() { // JS文件加载完成后执行函数
                testFun(); //调用外部JS文件中的函数
            }
        }
    </script>
</body>
</html>

在 body 标签中添加一个点击按钮触发事件并执行 loadScript() 函数。该函数通过创建一个 script 元素，并设置其 src 属性为外部JS文件的路径，在页面中动态加载了外部JS文件。
同时，使用 onload 事件监听文件加载完毕后执行的操作，这里将调用外部JS文件中的函数（例子中为 testFun()）。

声明：本文由六月是只猫（博主）原创，依据 CC-BY-NC-SA 4.0 许可协议授权，转载请注明出处。

还没有人喜爱这篇文章呢