Question

我在这样的页面上有一个按钮：

<div class="boxfather">
            <div class="box">
                <h1>Welcome</h1>
                <button>See Dashboard</button>
            </div>
        </div>

现在我想为此添加一个操作，例如可以将页面重定向到另一个页面。那我怎么能这样做呢？

请注意，它必须是按钮，而不是具有提交类型的输入！

Answer 1

只要它是<form>中的包装，您就可以使用按钮。即使Javascript被禁用，这也会有效。

<form method="get" action="http://example.com">
 <button type="submit">
 Click me
 </button>
</form>

我在https://jsfiddle.net/u5mxab1b/

有一个工作示例

Answer 2

您只需使用下面的window.location.href。

<button onclick="window.location.href='LinkGoesHere'">See Dashboard</button>

Answer 3

＆＃13;

<button onclick="window.location.href='b.php'">Click me</button>

＆＃13;

Answer 4

最简单的方法是更改window.location.href的值，该值会引导您进入网址。

<script type="text/javascript">
function myFunc(){
    window.location.href = "https://someurl.com/";
}
</script>

<div class="boxfather">
            <div class="box">
                <h1>Welcome</h1>
                <button onclick="myFunc()">See Dashboard</button>
            </div>
        </div>

Answer 5

这就是我的朋友。

<button> <a href="link to page"> See Dashboard </a> </button>

：））

如何通过按钮重定向页面

5 个答案: