a标签的href属性的⽤法
⼀、href值为url时，主要是做链接跳转
1. href⼀般是指向⼀个url地址，如<a href="www.jd">打开京东商城</a>，点击时会跳转这个链接的页⾯
2. href后⾯是相对路径，点击会打开或下载对应的⽂件
<a href="./imgs/001.jpg">超链接1</a>
<a href="../edit.rar">超链接2</a>
<a href="../note/day02.docx">超链接2</a>
⼆、锚链接
href标签怎么用1. 在同⼀页⾯中从A处跳转到B处
1.确定锚点⽬标即跳转去的位置，使⽤元素的id或name属性值，推荐使⽤id
<img src="imgs/wide.jpg" id="yh" name="chm" width="500"></a>
2.创建锚点链接，href值使⽤“#+锚名”，锚名即元素的id或name值
<a href="#yh">上⾯风景图</a>
2. 从B页⾯的位置跳转⾄A页⾯的a位置
img.html中的<img src="imgs/001.jpg" id="ak" alt="ak47">
first.html中的<a href="img.html#ak">⽶哈伊尔-卡拉什尼科夫</a>
href后url+#锚名，先跳转⾄img.html页⾯再寻id为ak的元素
三、调⽤JS代码
<a href="javascript:js代码"></a>，这种javascript:⽤法在传递this等参数时会出现问题，可能导致触发beforeunload事件，IE中可能导致gif动画停⽌播放，⼀般不推荐使⽤
常见的⽤法：
1.<a href="javascript:void(0);" onclick="js_method()"></a>
void(0)返回undefined，点击不发⽣跳转，通过onclick事件执⾏js函数
2.<a href="javascript:;" onclick="js_method()"></a>
这种是执⾏了⼀条空的js，点击不发⽣跳转
3.<a href="#" onclick="js_method()"></a>
点击页⾯回到顶部，发⽣跳转
4.<a href="#" onclick="js_method();return false;"></a>
点击执⾏了js函数后return false，页⾯不发⽣跳转，执⾏后还是在页⾯的当前位置

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。