带链接的按钮适用于Firefox但不适用于Chrome或Safari

时间:2013-02-27 06:54:14

标签: css button frontend

所以我知道StackOverflow上有很多关于按钮的兼容性问题,但经过几次搜索后我找不到答案。我的索引中有一个video.html文件,所以目录不是问题;这适用于Firefox。但是在Chrome或Safari中,当我按下按钮时,会在当前网址的末尾添加一个?#,而不是将其正确地重定向到video.html。

<center><button onclick= "location.href='video.html'"> Create</button>

谢谢!

5 个答案:

答案 0 :(得分:1)

试试这个Demo CSS

.btn
{
    background-color: rgb(7, 55, 99);
    color: white;
    border: none;
    cursor: pointer;
    padding: 2px 12px 3px 12px;
    text-decoration: none;

}

HTML

<center><a href="video.html" class="btn">Create</a></center>

答案 1 :(得分:0)

尝试<center><button onclick="window.location.href='video.html'"> Create</button>

如果这不起作用,看起来你的onclick属性和第一个引用之间有一个空格,这可能会导致你在webkit中解析错误。

PS - 您是否有使用按钮标签的原因?由于您所做的只是导航到另一个页面,您应该使用锚标记并使用CSS设置样式。然后你将有一个更加坚实的语义解决方案。

答案 2 :(得分:0)

我的两分钱

<script>
function video_redirect(video)
{
 top.location.href = video;
}
</script>

<center><button onclick="video_redirect('video.html')"> Create</button>

或只是在按钮上使用超链接......

<center><a href="video.html"><button> Create</button></a>

答案 3 :(得分:0)

用于空白父作品顶部的方法

For self:
location.href="video.html";

For blank:
window.open="video.html";

For parent:
parent.location.href="video.html";

For top:
top.location.href="video.html";

For SomeFrame:
parent.SomeFrame.location.href="video.html";

答案 4 :(得分:0)

这看起来不错,适用于Chrome,FF和MSIE。你的问题很可能就在其他地方。也许有些JS lib正在捕捉所有按钮事件?尝试完全隔离均匀,即只将一行代码加载到浏览器中,看看是否有效。如果它不是你的本地机器。