我如何做到这一点，以便当我单击 HTML 中的按钮时，我如何使网页将自己重定向到它应该去的地方

 <!DOCTYPE html>
    <html>
    <head>
    <title>______</title>
    <button class="btn about">About</button>
    <button class="btn socialmedia">Social Media</button></button>
    <button class="btn profile">Profile</button>
    <button class="btn contact">Contact</button>
    <button class="btn homepage">Homepage</button>

我希望当他们单击联系人时，它会将他们带到我制作的页面，其中包含所有联系信息。请尽可能以简单的方式解释。

您可以在 HTML 中使用锚标记来执行此操作。

<a href = " "> </a>

作为HTML约定，在定义部分时，您可以为每个部分提供一个标识符的ID：

<section id= "id1" ></section>

您只需在锚标签中提及它们即可重定向到该部分：

<a href = "#id1"> </a>

https://jsfiddle.net/ybhh3jpx/

使用锚标记：

<a href="http://yourdestination.com">About</a>

您可以将按钮或任何东西放在锚标签之间，它将创建链接。假设你想要一个图像在那里，你会把：

<a href="http://yourdestination.com"><img src="yourimage.png" /></a>

如果你想做按钮，我会在锚标签上创建一个 css 类并像这样设置它的样式：

<a class="button_class" href="http://yourdestination.com">About</a>

但您也可以将按钮放在锚点之间：

<a href="http://yourdestination.com"><button class="btn about">About</button></a>

如果您不喜欢将其包装<a>标签，例如：

<a href="http://www.example.com"><button class="btn about">About</button></a>

您可以使用JS或JQuery

1. 内联 JS

<button class="btn about" onclick="window.location='http://www.example.com';">About</button>

2.JS 功能

<script>
    function visitPage(){
        window.location='http://www.example.com';
    }
</script>
<button class="btn about" onclick="visitPage();">About</button>

3. JQuery

<button id="about">About</button>
$('#about').click(function() {
  window.location='http://www.example.com';
});

相关内容

最新更新

热门标签：