所以我知道StackOverflow上有很多关于按钮的兼容性问题,但经过几次搜索后我找不到答案。我的索引中有一个video.html文件,所以目录不是问题;这适用于Firefox。但是在Chrome或Safari中,当我按下按钮时,会在当前网址的末尾添加一个?#,而不是将其正确地重定向到video.html。
<center><button onclick= "location.href='video.html'"> Create</button>
谢谢!
答案 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正在捕捉所有按钮事件?尝试完全隔离均匀,即只将一行代码加载到浏览器中,看看是否有效。如果它不是你的本地机器。