狂欢插件
效果:
使用方法:
在网页头部引入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文件并执行
<!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())。
笑死我了,好好玩
哈哈哈
暂无点赞
1