2012-06-15 122 views
0

獲取javascript按鈕在IE中工作時出現問題。我使用javascript創建了一個按鈕,使用預先確定的數組中隨機選擇的文本刷新我的頁面。它在Firefox,Chrome和Safari中完美工作,但不在IE中。在IE中,沒有任何刷新。Javascript按鈕不能在IE中使用;在其他瀏覽器中工作

任何人都可以幫我解決這個問題,讓這個Javascript在IE中工作嗎?

<html> 

<head> 
    <title>WTF </title>   
</head> 

<style type="text/css"> 

#reason {font-family: "Helvetica", serif; color: white; } 

button{ 
color:#08233e; 
font:2.4em Futura, ‘Century Gothic’, AppleGothic, sans-serif; 
font-size:70%; 
padding:14px; 
background:url(overlay.png) repeat-x center #ffcc00; 
background-color:rgba(255,204,0,1); 
border:1px solid #ffcc00; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border-radius:10px; 
border-bottom:1px solid #9f9f9f; 
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); 
cursor:pointer; 
} 

button:hover{background-color:rgba(255,204,0,0.8);} 

</style> 

<body> 

    <div class="con"> 
     <p id="reason" > 
    <center><script language="JavaScript"> 
    var r_text = new Array(); 
r_text[0] = "Sample 1"; 
r_text[1] = "Sample 2"; 
r_text[2] = "Sample 3"; 
var i = Math.floor(3*Math.random()) 
document.write(r_text[i]); 
</script> 
</p> 
<br> 
<a href="" class="button1"><button>TELL ME MORE</button></a><br> 
</div> 

</body> 

</html> 
+0

你看到JavaScript控制檯中的任何錯誤? – jrummell

+0

@ jrummell - 我不認爲它是一個JavaScript錯誤,因爲它在所有其他瀏覽器中都有效。這實際上是我需要工作的最後一件事情,我可以把我的網站,它使我瘋了。 –

+0

每個瀏覽器都有自己的JavaScript引擎,因此可以(也將會)分析,執行和處理錯誤。如果您關心您的網站,請檢查所有瀏覽器中的JavaScript錯誤。 – jrummell

回答

1

這是錯誤的方式去刷新頁面。看看this question。試着改變它,看看它是否更好。 另外,「中心」標籤是deprecated,所以最好不要使用它。而且這樣更容易聲明像這樣的數組:

r_text = ['Sample 1', 'Sample 2', 'Sample 3']; 
+1

此外,你不應該在一個錨標籤內放置一個按鈕。 – acme

+0

我不認爲OP實際上是想刷新頁面。我想他/她想要顯示一條隨機消息。 – jrummell

+0

我看了一下刷新頁面的問題,並打算使用這個:這樣可以在IE中工作嗎?另外,我丟失了原始按鈕的樣式,我需要做些什麼才能將它作爲我以前的非工作按鈕進行設計? –

相關問題