需要修改此工作代码以在新 window/tab 中打开

Question

我对 js 一无所知 html，但我发现并修改了此站点上的这段代码，使我们能够轻松输入我们的打印机主机名以访问其配置页面。

我想将它嵌入到一个小工具中，但如果我这样做，需要它打开它自己的 tab/window。我已经尝试过，但一直无法找到执行此操作的代码。

这是目前为止的代码（有效）：

<html>
<body bgcolor=6D7E90>
    <table id="content" height="30" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<script>
function go(){
window.location='http://'+document.getElementById('url').value;
}
</script>
<input type='text' id='url'>
<button id='btn_go' onclick='javascript:go();'>Go</button>
</td</tr>
</table>
</body>
</html>

Answer 1

您应该使用新的 Window 而不是 window.location。 https://developer.mozilla.org/en-US/docs/Web/API/Window/open

Answer 2

使用window.open:

document.getElementById('btn_go').addEventListener('click', function() {
    window.open('http://' + document.getElementById('url').value);
});

https://jsfiddle.net/sg7pLcLL/

Answer 3

为了帮助您解决HTML/CSS，请参考以下代码。

注释/建议：

使用 DOCTYPE
window.location 属性会在同一个 window
window.open 方法使用我们设置的

代码：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Printer Hostnames</title>

    <style>
        body {
            background-color: #6D7E90;
        }
    </style>

    <script>
        function go() {
            var url = 'http://' + document.getElementById('url').value;
            // open the url in a new browser window
            window.open(url);
        }
    </script>
</head>
<body>
    <table id="content" height="30" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>
                <input type='text' id='url'>
                <button id='btn_go' onclick='javascript:go();'>Go</button>
            </td>
        </tr>
    </table>
</body>
</html>

需要修改此工作代码以在新 window/tab 中打开

Need this working code modified to open in a new window/tab

javascript

window.open