<!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>
<!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>
