如何用按钮调用不同的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。请高手赐教，代码该如何写。

...全文

1067 5 打赏收藏转发到动态举报

写回复

用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