我如何制作它,以便当我点击Html中的按钮时如何制作它以便网页将自己重定向到它应该去的地方

时间:2017-11-16 03:35:04

标签: html css

 <!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>

我想要的是,当他们点击联系人时,它会将他们带到我创建的页面上,其中包含所有联系信息。请以简单的方式解释。

3 个答案:

答案 0 :(得分:2)

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

<a href = " "> </a>

作为HTML约定,在定义节时,您可以为每个节提供标识符的ID:

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

您可以通过在锚标记中提及它们来重定向到该部分:

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

https://jsfiddle.net/ybhh3jpx/

答案 1 :(得分:0)

使用锚标记:

<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>

答案 2 :(得分:0)

如果你不喜欢它包装<a>标签,例如:

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

您可以使用JSJQuery

<强> 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';
});