无论如何，javascript重定向无法正常工作

Question

这里有很多相同的问题。 我尝试了所有的解决方案 - 没什

我想用javascript在一些标签页面打开新页面。 这是我的HTML：

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>
<script src="functions.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="css.css" rel="stylesheet" type="text/css" />

</head>
<body>
...
<label>
<input type="image" name="imageField" id="loginClient" onclick="testUrl()" src="images/index_33.gif" />
</label>
...
</body>
</html>

这是我的functions.js：

function testUrl()
{

window.location = "content.html";

}

function loginClient()
...//more functions

我也尝试了其他方法：

window.location.replace("content.html")

top.location="content.html"

window.location.assign("content.html")

window.open("content.html", "_self")

window.location.href="content.html"

window.event.returnValue = false;
window.location = "content.html";

setTimeout(function(){window.location.assign("content.html");return false;},500)

没有用，我在Opera，Firefox（全部在Windows）和Chrome（Debian）中尝试过。 但如果我设置：

window.open("content.html")

但在新标签中，不是解决方案，我需要在同一个标​​签中。

但是，如果我尝试使用Firebug进行调试并点击始终“Step into”而不是所有解决方案的工作。 如果我在重定向之前设置alert（），它也可以。

控制台显示没有错误。 我不知道，帮帮忙。

决议：感谢@lonesomeday！

这是解决方案：

$(document).ready(function(){
    $("#loginClient").click(function(event){
      event.preventDefault();
      window.location = "content.html";
    });
});

Answer 1

你在<input type="image">元素上有这个onclick属性。 图像输入是有效的submit按钮。 单击它时，它将被激活，并提交表单。 提交表单时，它会取消任何正在进行的HTTP请求，例如window.location调用。

因此，您需要阻止表单提交继续进行。

快速而肮脏的方法是从事件处理程序返回false 。 像这样的东西：

onclick="return testUrl()" 

随着JS：

function testUrl()
{
window.location = "content.html";    
return false;
}

更好的方法是使用Javascript绑定事件处理程序并使用event.preventDefault 。