Question

我有两个HTML页面，一个是应用程序的开始页面，第二个是登录页面。我在开始页面上有一个按钮，我希望能够点击它并将它带到登录页面。我该怎么做？

Answer 1

这将添加一个按钮并将其链接到登录页面：

<a href="path_to_login_page">
  <button>Take me to the login page</button>
</a>

更改path_to_login_page＆amp; Take me to the login page自定义按钮。如果您已经有一个自定义按钮并想要使用它：

<a href="path_to_login_page">
  'Place your button here'
</a>

Answer 2

我个人只想将按钮更改为标准锚。你仍然可以设置链接的样式，使其看起来像一个按钮。

<a href="index.html">Go home</a>

如果元素真的必须保留一个按钮，你可以这样做：

<button onclick="location.href='index.html'>Go home</button>

但这并非最佳做法。

Answer 3

这是最快和最快的方式：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <label>
        <input type="checkbox" id="apple" name="colorCheckbox" value="apple" checked>apple</label>
    <label>
        <input type="checkbox" id="orange" name="colorCheckbox" value="orange"checked>orange</label>
    <label>
        <input type="checkbox" id="pear" name="colorCheckbox" value="pear" checked>pear</label>
</div>
<div class="apple box">Apple</div>
<div class="orange box">Orange</div>
<div class="pear box">Pear</div>
<div class="fs-apple-orange box">Apple Orange Fruit Salad</div>
<div class="fs-orange-pear box">Orange Pear Fruit Salad</div>
<div class="fs-apple-pear box">Apple Pear Fruit Salad</div>
<div class="apple-orange-pear box">Apple Orange Pear Fruit Salad</div>

在此处运行并检查：https://jsfiddle.net/2zov6q2v/14/

如何使用按钮链接两个HTML页面？

3 个答案: