本文目录一览:
描述a超链接标签的不同链接方法
众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法a href="JavaScript:;"/a,所以就来整理下a标签中href的几种用法。
一、Js的几种调用方法(参考总结的)
1、a href="javascript:js_method();"
这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句
2、 a href="javascript:void(0);" onclick="js_method()"
这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
3、a href="javascript:;" onclick="js_method()"
这种方法跟跟2种类似,区别只是执行了一条空的js代码。
4、a href="#" onclick="js_method()"
这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
5、a href="#" onclick="js_method();return false;"
这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。
综合上述,在a中调用js函数最适当的方法推荐使用:
[javascript] view plain copy
a href="javascript:void(0);" onclick="js_method()"/a
a href="javascript:;" onclick="js_method()"/a
a href="#" onclick="js_method();return false;"/a
二、href="#"的作用
a中href="#"表示回到最顶部。如果当前页面中需要滚动的话,那么用这种方式就可以直接回到顶部。比如有些网站会在右下角制作一个图标按钮,回到顶部,那么此时可以考虑用这种最简单的方式实现。
[javascript] view plain copy
span style="font-size:14px;"a href="#"回到最顶端/a/span
三、href="URL"的作用
1、URL为绝对URL
此时指向另一个站点,比如href="",那么点击时就会直接跳转到这个链接的页面。
2、URL为相对URL
此时指向站点内的某个文件,比如href="/test.doc",那么点击时就会直接下载文件。
3、锚 URL
此时指向页面中的锚,比如href="#top",那么点击时就会到当前页面中id="top"的这个锚点,实现当前页面的所谓跳转。用的最多就是在可滚动页面中,添加菜单,可以直接回到页面中的某个部分的内容。
即所有的三种代码样例:
[javascript] view plain copy
a href=""超链接/a
a href="#"回到最顶端/a
a href="css/css1.css"文件链接/a
html超链接的写法
html超链接的写法是使用a标签,如:a href="//"百度一下,你就知道/a。
在html中,a标签中的a(或者 A) 是 anchor 的缩写 。anchor的基本解释是锚,这些标签的作用是标明超连接的起始位置或目的位置。
a 标签可定义锚,通过使用 href 属性。创建指向另外一个文档的链接(或超链接)通过使用 name 或 id 属性,创建一个文档内部的书签。a 元素最重要的属性是href属性,它指定目标链接。
在所有浏览器中,链接的默认外观是,未被访问的链接带有下划线而且是蓝色的,已被访问的链接带有下划线而且是紫色的,活动链接带有下划线而且是红色的。
扩展资料:
Html中a标签伪类:
1、a:link {color: #FF0000}
未访问的链接样式。
2、a:visited {color: #00FF00}
已访问的链接样式。
3、a:hover {color: #FF00FF}
当有鼠标悬停在链接样式。
4、a:active {color: #0000FF}
被选择的链接样式。
参考资料来源:百度百科-a (HTML语言标签)
如何使用a标签,为文本定义超链接,链接到同一个页面的不同位置(代码)
锚链接就可以了
如何创建锚链接?
锚链接让访问者轻松地浏览很长的网页的各个部分。可以使用两组代码集来创建锚链接,这两组代码集均用
A
/A标记围起来。步骤如下:
首先,应确定锚的名称。本例中,我们仅使用
anchor
为名称。然后使用
A
NAME="anchor"
代码定义锚放置的位置,以便无论何时链接这个锚,都可以通过调用这个锚的名称,将您直接到带到这个位置。请记住,如果您想在多个部分引用这个网页,使用锚更有意义,尤其当您无法在一个很长的网页中一次查看一个完整的浏览器窗口中的所有信息的时候,使用锚是最有用的。例如,我已经在本页的结尾处放置了以上锚代码以进行演示。现在,如何链接到这个锚呢?您只需使用:
A
HREF="#anchor"第一部分/A
请注意锚名称前面的
#
--
这非常重要!此代码将在您的网页中显示“第一部分”,单击它会将您带到同一网页中放置了这个锚的位置。
对于下面的示例,这是我们用来创建锚链接的代码。添加了几行
sample
text
以显示一种跳转至底部锚的更有效的演示方法:
a
href="#anchor"第一部分/a
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
psample
text
pa
name="anchor"到此结束!/a
以下是此锚在您的网页上的显示结果。
继续,然后单击链接:
第一部分
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
sample
text
到此结束!
使锚返回到网页的顶部也是很有用的,这样如果访问者想返回到顶部,只需单击它即可。只需使用一个不同的锚名称,然后将它放置在网页的顶部!单击下面的链接返回到该网页的顶部:
返回顶部