Question

我对js和非常少的html一无所知，但是已经找到并修改了这个网站上的一些代码，以便我们轻松输入我们的打印机主机名来访问他们的配置页。

我想将其嵌入到小工具中，但如果我这样做，则需要将其打开到自己的标签/窗口中。我已经尝试过并且无法找到代码来执行此操作。

这是迄今为止（工作）的代码：

<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.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属性将在同一窗口中打开设置的URL
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>

需要修改此工作代码才能在新窗口/标签

3 个答案: