HTML | 假链接知多少?

  • 内容
  • 相关

HTML/CSS/JS知识,对于前端人员来说,是经常接触的,看似非常简单,不过有的时候,就是越简单的东西,越是不可思议的。比如接下来就要谈的假链接。

假链接其实就是指向当前页面的一个链接,它具有链接的样式,但不会跳转

有时候在写前端页面的时候,没有后台的数据,我们的链接指向就成问题。因为你不知道要指向哪里,这时候就可以给他设置一个假链接,等到后台代码开发出来,再重新改过来。

假链接有如下的两种形式

<a href ="#" ></a>
<a href ="javascript:"></a>

这两种样式都指向本页面,不同的是,#会跳转到页面顶部,JavaScript:不会做任何跳转。所以我们在写一个导航按钮,需要跳转到页面顶部的时候,可以用到这个。如果其他元素设定了id,它还会跳转到指定位置,用法就是<a href="#id"></a>,我们在浏览网页的时候会看到,旁边有个类似文档目录的导航栏,点击哪个就跳转到哪一块,其实用的就是这个属性。当然也可以跳转到其他页面的指定位置,区别就是把#换成网址,然后再加上#id。

现在是否觉得,越是简单的东西,越是不可思议。

大学教育好像买一个火车月台票,只是给你有机会进月台,但是上哪班车,去哪个方向,到哪一站下车,那完全就要靠你自己。

以下为全部代码:
Plugins by fishyoung.com

 您阅读这篇文章共花了:

上一篇:Windows | 批处理备份mysql数据库

下一篇:Linux | 抓包工具-tcpdump

本文标签:    

版权声明:本文依据CC-BY-NC-SA 3.0协议发布,若无特殊注明,本文皆为《fishyoung》原创,转载请保留文章出处。

本文链接:HTML | 假链接知多少? - http://www.fishyoung.com/post-166.html