【问题标题】：target="_blank" in form javascripttarget="_blank" 形式为 javascript
【发布时间】：2014-11-05 07:00:31
【问题描述】：

但它显示在主窗口中。点击提交按钮时有什么方法可以在新窗口中打开吗？

<script type="text/javascript">
function search_navigate() {
var obj = document.getElementById("navbar_search");
var keyword = obj.value;
var dst = "http://smite.guru/stats/" + keyword;
window.location = dst; 
}
</script>

<span id="navbar_form">
<input type="search" placeholder="Search Articles..." id="navbar_search" />
<input type="button" id="navbar_submit" value="Submit" onClick="search_navigate()" />
</span>

【问题讨论】：

标签： javascript html forms target

【解决方案1】：

使用window.open() 代替window.location Details

将资源加载到新的浏览上下文（例如窗口）中或者已经存在的，取决于指定的参数。

window.open(dst);

DEMO

【讨论】：

太棒了。甚至你也可以简单地谷歌它。

【解决方案2】：

试试这个

function search_navigate() {
var obj = document.getElementById("navbar_search");
var keyword = obj.value;
var dst = "http://smite.guru/stats/" + keyword;
window.open(dst); 
}

<span id="navbar_form">
<input type="search" placeholder="Search Articles..." id="navbar_search" />
<input type="button" id="navbar_submit" value="Submit" onClick="search_navigate()" />
</span>

【讨论】：

【解决方案3】：

window.open(dst)

这将是在新窗口中打开链接的最佳选择。

【讨论】：

【解决方案4】：

window.open(dst,"_blank"); 在新窗口中打开

【讨论】：