2013-06-23 68 views
0

當我將它上傳到我的網頁時,下面的腳本不起作用。如果我在w3school.com上的「TryIt編輯器」上嘗試它,它工作正常,並加載網址。在這個例子中我改變了域名。Java腳本在我的網站上不工作

<!DOCTYPE html> 
<html> 
<body> 

    <script type='text/javascript'> 
     var x=1; 
     function changeLink() 
     { 
      x=x+1; 
      var y="http://example.com/basicone/image"+x+".html"; 
      document.getElementById('iframe-a').src=y; 
     } 
    </script> 

    <iframe id="iframe-a" seamless src="http://example.com/basicone/image1.html" height="450" width="1000" scrolling="no"></iframe> 
    <button id="button" onclick="changeLink()">Next</button> 
</body> 
</html> 
+0

你得到了什麼錯誤?控制檯說什麼? – BeNdErR

+0

沒有錯誤,當我點擊按鈕時沒有任何反應 –

+0

您需要在按鈕中添加'type =「按鈕」',否則它將在某些瀏覽器中作爲'submit'來使用 – Jonathan

回答

0

你確定它不起作用嗎?這真的很奇怪,尤其是因爲JS是客戶方

嘗試改變警報的URL,它已被更改後,使用此代碼:

<script> 
var x=1; 
function changeLink() 
{ 

x=x+1; 
var y="http://example.com/basicone/image"+x+".html"; 

document.getElementById('iframe-a').src=y; 
alert(document.getElementById('iframe-a').src); 
} 
</script> 

<iframe id="iframe-a" seamless src="http://example.com/basicone/image1.html" height="450" width="1000" scrolling="no"></iframe> 
<button id="button" onclick="changeLink()">Next</button> 
+0

警告框不會彈出 –

+0

@TanveerDewan我忘記了這個按鈕,你添加了它嗎?

+0

我將此代碼添加到我的WordPress網站上的一個頁面。在那裏不起作用。如果我將它保存爲本地計算機上的.html,然後執行它,那麼可以正常工作。 –

相關問題