如何用按钮调用不同的script块

yyychn 2019-09-23 09:58:21
原来页面中有一个script块,例如<script type="Javascript" src="1.js"></script>
现在又增加了一个2.js,要求在用户没有操作时使用<script type="Javascript" src="1.js"></script>
如果用户点击了按钮,则使用<script type="Javascript" src="2.js"></script>
也就是根据用户的选择来决定加载哪个JS。请高手赐教,代码该如何写。
...全文
1062 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
瘦死的黑骆驼 2019-09-24
  • 打赏
  • 举报
回复
测试页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/test1.js" id="needToChange"></script>
<script type="text/javascript">
	function btnclick() {
		test();
		var scripts = document.getElementsByTagName("script");
		for (var i = 0; i < scripts.length; i++) {
			if (scripts[i].src.indexOf("test1.js") != -1) {
				document.getElementsByTagName('head')[0].removeChild(scripts[i]);
				var script=document.createElement("script");
				script.type="text/javascript";
				script.src="js/test2.js";
				document.getElementsByTagName('head')[0].appendChild(script);
			}
		}
		setTimeout(function(){
			aaa();
		}, 2000)
	}
</script>
</head>
<body>
	<input type="button" value="test" onclick="btnclick()"/>
</body>
</html>
test1.js里面只有一个函数 function test() { alert("test1"); } test2.js有两个函数 function test() { alert("test2"); } function aaa() { alert("aaa"); }
oh_Maxy 2019-09-24
  • 打赏
  • 举报
回复
加个按钮点击事件,可以修改这个按钮触发哪些函数。
nayi_224 2019-09-24
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style type="text/css">
		</style>
		
	</head>
	<body>
	</body>
	<script type="text/javascript">
		
		
		var js1 = {
			f1: function(){alert(1);}
		};
		
		var js2 = {
			f1: function(){alert(2);}
		};
		
		var proxyFunc = (function(){
			var proxy = js1;
			
			return {
				setJs: function(func){
					if(func == 'js1'){
						this.proxy = js1;
					}else{
						this.proxy = js2;
					}
				},
				proxy: proxy
			};
		})();
		
		(function(){
			proxyFunc.proxy.f1();
			proxyFunc.setJs("js2");
			proxyFunc.proxy.f1();
		})();
		
	</script>
</html>
nayi_224 2019-09-24
  • 打赏
  • 举报
回复
两个js中分别加上标识符,用按钮触发,加if判断。 动态加载js文件(不推荐)
NANU-NANA 2019-09-24
  • 打赏
  • 举报
回复
两个小时前看到这帖子没回,结果被楼上答了。 js可以动态添加和删除script,参照楼上的例子。

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧