Question

我正在尝试使用按钮将html中的函数调用到javascript文件，并且我认为该函数正在运行，因为警报有效，但是js文件的第二部分无效（这是javascript的一部分打开新标签。）请提供帮助。

这是我的html文件。不要介意class="submit_button"。我只是剪裁了自己的造型。还有我的popup.html文件的其余部分。

<div>
    <form>
        <input class="URL_Textbox" id="WebsiteName" name="WebsiteURL_Name" placeholder="URL" >
        <input
            type="button"
            class="submit_button"
            onClick="submitFunction()"
            value="Go"
          >
    </form>
</div>

这是我的javascript文件

function submitFunction() {
   alert("1234567890")
   location.href("https://www."+document.getElementById('WebsiteURL_Name').value,"_self")
}

感谢您抽出宝贵时间回答并阅读我的问题！

Answer 1

您需要通过以下方式使用location.href：

location.href = 'someURL';

About Window.location property (MDN)

function submitFunction() {
   location.href = "https://www." + document.getElementById('WebsiteName').value;
}

<div>
    <form>
        <input class="URL_Textbox" id="WebsiteName" name="WebsiteURL_Name" placeholder="stackoverflow.com" >
        <input
            type="button"
            class="submit_button"
            onClick="submitFunction()"
            value="Go"
          >
    </form>
</div>

Answer 2

id 应为WebsiteName。我想，您想打开带有插入值的新浏览器窗口。可以使用window.open(...)。

function submitFunction() {
  alert("1234567890")
  window.open("https://www." + document.getElementById('WebsiteName').value, "_self")
}

<div>
  <form>
    <input class="URL_Textbox" id="WebsiteName" name="WebsiteURL_Name" placeholder="URL">
    <input type="button" class="submit_button" onClick="submitFunction()" value="Go">
  </form>
</div>

尝试使用带有功能的JS打开新标签页

2 个答案: