码迷,mamicode.com
首页 > 其他好文 > 详细

a标签的简单用法

时间:2016-12-12 19:20:01      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:地址   运行   页面   简单   ref   函数   span   efi   用户体验   

1、href="#"的作用:页面中有滚动,可以直接回到顶部。

<a href="#">回到最顶端</a>  

2、href="url"的作用

1)url为绝对路径

//跳转到百度页面
<a href="http://baidu.com">超链接</a>
//下载文件
<a href="http://baidu.com/i.img">超链接</a>

2)URL为相对路径

//下载图片
<
a href="/Home/i.img">超链接</a>

3)锚点

页内跳转

//点击此处会跳到标记1
<a href="#1">锚点1</a>
//点击此处会跳到标记2
<a href="#2">锚点1</a>

<div id="1">标记1</div>
<div id="2">标记2</div>

页外跳转

假如有1.html,2.html

1.html
//此时就会跳转到2.html的标记1处
<a href="2.html/#1">锚点1</a> <div id="1">标记1</div> 2.html <div id="1">标记1</div>

3、href="JavaScript:;"(javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好)

//void是一个操作符,void(0)返回undefined,地址不发生跳转,会执行onclick里面的方法
<a href="javascript:void(0)" onclick="sub();">方法</a>
//#是标签内置的一个方法,代表top的作用。点击网页后返回到页面的最顶端。
<a href="#" onclick="sub();">方法</a>
//js函数后return false,页面不发生跳转,执行后还是在页面的当前位置
<a href="#" onclick="sub();return false;">方法</a>

 

a标签的简单用法

标签:地址   运行   页面   简单   ref   函数   span   efi   用户体验   

原文地址:http://www.cnblogs.com/cang12138/p/6165313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!