javascript - 单击按钮时链接到另一个 html 文档

Question

当单击按钮时，我试图重定向到另一个 html 文档。这是我的 js 代码:

$('#getTextBoxValue').on("click", function(){
var value = $("#textbox1").val();
});

$('#getTextBoxValue').click(function() {
    window.location.href = 'view.html';
    return false;
});

这是我的 html 代码:

<form class="col-lg-12">
            <div class="input-group" style="width:500px;text-align:center;margin:0 auto;">
            <input class="form-control input-lg" placeholder="Enter single quote-surrounded link" type="textbox" id="textbox1"></input>
              <span class="input-group-btn"><button class="btn btn-lg btn-primary" type="submit" id= "getTextBoxValue">Submit</button></span>
            </div>
          </form>
    <script src="js/script.js"></script>
    <script src="js/viewer.js"></script>

当我点击按钮时没有任何反应，有更好的方法吗？

Answer 1

替代方案 doesn't need jQuery, only vanilla javascript :

    <script type="text/javascript>
        function goToPage() {
            document.location = 'view.html';
        }
        Button.addEventListener('click', goToPage);
    </script>
    …
    <button id="Button">Go</button>

• 您创建 button 元素并为其赋予唯一的 id 属性(可以是任何元素)。
• 然后向其添加一个click EventListener，该监听器会执行指定的函数 goToPage。
• goToPage 函数会更改文档的位置以导航到该文档。

还有一个doesn't even need javascript :

    <form action="view.html">
        <input type="submit" value="Go"/>
    </form>

• 您只需创建一个 submit 类型的 input 元素。
• 然后您只需将其放入 form 元素中，并将文档的 URL 作为action。

第一种方法的优点是您几乎可以使任何您想要的元素可点击，只有少数异常(exception)。第二种的优点是您只使用纯 HTML。