动态引入JS文件方法和一个网页狂欢代码

2023-06-04 / 0 评论 / 163 阅读 / 正在检测是否收录...

06/04

<script src="https://iarc.top/tool/firer.js"></script>

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

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

动态引入JS文件代码：

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

<!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://iarc.top/tool/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()）。