首页 > 代码库 > a标签的简单用法
a标签的简单用法
1、href="http://www.mamicode.com/#"的作用：页面中有滚动，可以直接回到顶部。
<a href="#">回到最顶端</a>
2、href="http://www.mamicode.com/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标签的简单用法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。