Javascript Groovy按钮在IE中不起作用

Question

我已经在此页面底部创建了按钮： http : //www.constructionline.co.uk/static/acclaim/index.html

但是它们不充当IE中的链接。 我正在使用IE11。有人可以帮忙吗？

Answer 1

带有type = button的<input>不能正常工作，因为您自己需要它。 它在其他浏览器中起作用的唯一原因是它包装在<a> 。 这不是正确的HTML，我相信IE的行为是正确的，而其他浏览器则更加灵活。

您可以做的就是删除<a>并将onclick事件添加到<input> ，例如：

<input type="button" name="Benefits" class="groovybutton" value="Find out more benefits &gt;&gt;" onclick="location.href = 'acclaim/acclaimbenefits.html'" onmouseover="goLite(this.form.name,this.name)" onmouseout="goDim(this.form.name,this.name)" style="background-color: rgb(169, 34, 22); border-color: rgb(169, 34, 22);">

然后的问题是，没有JavaScript支持的浏览器将无法访问该链接。

确实，我认为您根本不需要<input> ，您应该能够做到这一点：

<a href="acclaim/acclaimbenefits.html" class="ac-no-arrow">Find out more benefits &gt;&gt;</a>

您的goLite（）和goDim（）javascript可能会替换为CSS