Javascript 按钮在 IE 中不起作用；在其他浏览器中工作答案

【问题标题】：Javascript button not working in IE; working in other browsersJavascript 按钮在 IE 中不起作用；在其他浏览器中工作
【发布时间】：2012-06-18 15:04:17
【问题描述】：

在 IE 中获取 javascript 按钮时遇到问题。我使用 javascript 创建了一个按钮，该按钮使用从预先确定的数组中随机选择的文本来刷新我的页面。它在 Firefox、Chrome 和 Safari 中完美运行，但在 IE 中却不行。在 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>

【问题讨论】：

您在 javascript 控制台中看到任何错误吗？
@jrummell - 我不认为这是一个 javascript 错误，因为它适用于所有其他浏览器。这实际上是我在建立网站之前需要开始工作的最后一件事，这让我发疯了。
每个浏览器都有自己的 javascript 引擎，因此可以（并且将会）以不同的方式解析、执行和处理错误。如果您关心您的网站，请检查所有浏览器中的 javascript 错误。

标签： javascript arrays internet-explorer google-chrome button

【解决方案1】：

这是刷新页面的错误方法。看this question。尝试改变它，看看它是否工作得更好。此外，“中心”标签是deprecated，所以最好不要使用它。像这样声明数组会更容易：

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

【讨论】：

另外，您不应该在锚标记内放置按钮。
我认为 OP 实际上并不想刷新页面。我认为他/她想显示一条随机消息。
我看了一下刷新页面的问题并打算使用这个：将在 IE 中工作？另外，我失去了原始按钮的样式，我需要做什么才能将其样式设置为我以前的非工作按钮？