2017-03-16 66 views
0

新建选项卡做工不错,但由于某些原因,当前页面没有重定向(window.location的从changeLocation()不工作)如何在新标签中打开新的一页,重定向当前页面

功能changeLocation( )每次点击按钮时都会调用成功,但位置不会改变。

基本上它似乎像window.location不工作,因为表单提交(虽然我使用target =“_ blank”)。但是,如果我在window.location之后添加return false,我无法在更改位置后提交表单(因为我已经在另一个页面上),并且在更改位置之前也提交不可能。

这是否有可能使其工作?谢谢。

function changeLocation(){ 
 
    window.location = "http://bing.com"; 
 
}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>EXAMPLE</title> 
 
</head> 
 
<body> 
 
<form action="https://google.com" target="_blank"> 
 
    <input type="text"> 
 
    <button onclick="changeLocation()">Submit</button> 
 
</form> 
 
</body> 
 
</html>

+2

可能重复的[window.location()不工作,不打开页面](http://stackoverflow.com/questions/6094130/window-location-not-working-not-opening-page) – Abaddon666

+0

@ Abaddon666 I看到这个问题,但我使用target =“_ blank”,所以这个页面不应该重新加载,至于我。 –

+0

嗡嗡声,它在我的小提琴中奏效。 –

回答

0

要解决它,你需要添加setTimeout来像这样工作。

function changeLocation(){ 
setTimeout(function(){ 
    window.location = "http://bing.com"; 
},200); 
} 

没有想法为什么,但它的作品完美。

2

此代码的Firefox

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>EXAMPLE</title> 
    <script type="text/javascript"> 
     function changeLocation(){ 
    window.location = "http://bing.com"; 
     } 
    </script> 
</head> 
<body> 
<form action="https://google.com" target="_blank"> 
    <input type="text"> 
    <button onclick="changeLocation()">Submit</button> 
</form> 
</body> 
</html> 

google.com在新的选项卡和当前选项卡我们正在装载正在装载bing.com

+0

你确定吗?我已经创建了新文件并尝试在这里,但我只打开新的选项卡(至少在铬) –

+0

我试过它在Firefox和它工作正常 – skid

+0

好吧,对不起。在Firefox中它确实有效。请编辑您的消息,我可以让你胜利。被错误地降低了。 –

相关问题