尝试通过 Javascript 在新选项卡中打开 URL [重复]
Posted
技术标签:
【中文标题】尝试通过 Javascript 在新选项卡中打开 URL [重复]【英文标题】：Trying to open URL in new tab through Javascript [duplicate] 【发布时间】：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>
谢谢！
【问题讨论】：
【参考方案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>
【讨论】：
以上是关于尝试通过 Javascript 在新选项卡中打开 URL [重复]的主要内容，如果未能解决你的问题，请参考以下文章
捕获“在新选项卡中打开链接”的事件点击 javascript 或 jquery - 隐藏 URL