尝试通过 Javascript 在新选项卡中打开 URL [重复]答案

【问题标题】：Trying to open URL in new tab through Javascript [duplicate]尝试通过 Javascript 在新选项卡中打开 URL [重复]
【发布时间】：2018-05-02 04:05:10
【问题描述】：

我已经设置了一个将值传递给 url 的文本框，但我无法让它在新选项卡中打开。

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "http://" + page + ":443";
        window.target = "_blank";
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

谢谢！

【问题讨论】：

标签： javascript url

【解决方案1】：

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.open("http://" + page + ":443","_blank");
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

这将完成你的任务:)

【讨论】：

【解决方案2】：

window.location 表示您要将新 URL 加载到当前页面。这就是它失败的原因。您只需要打开新窗口即可：

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.open("http://" + page + ":443");
        window.target = "_blank";
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

【讨论】：