2014-07-20 48 views
0

当用户在其键盘上单击时,我正尝试将脚本src =“jsmovermap1.js”更改为脚本src =“jsmovermap2.js”。当你查看页面元素时,我似乎有这个工作,但是页面没有更新到js源代码。你有什么建议来解决这个问题?在按键上更改脚本源

非常感谢!

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Ireland Map</title> 
</head> 
<body> 
<div id="map"> 
</div> 

<script src="jquery-2.1.1.min.js"></script> 
<script src="raphael-min.js"></script> 
<script src="jsmovermap1.js" id="s1"></script> 

<script> 
x=1; 
alert(x); 
document.addEventListener('keydown', function (evt) { 
if (evt.keyCode === 38) { 
alert('The "UP" key is being held down...?'); 
x=x+1; 
alert(x); 
s1.src="jsmovermap"+(x)+".js" 
//s1.src = s1.src.replace("jsmovermap1.js","jsmovermap"+(x)+".js"); 

} 
if (evt.keyCode === 40) { 
alert('The "DOWN" key is being held down...?'); 
x=x-1; 
if(x<0){ 
x=0} 
alert(x); 
} 

}); 

</script> 
</body> 
</html> 
+0

尝试'的document.getElementById(” s1“)。src =”new src here“;'。 –

+0

试过这个男人,仍然没有看到它:-( – owlwink

+0

尝试加载一个新的脚本标签,然后而不是改变现有的标签 –

回答