a标签属性href的多种写法

本文介绍: 这是常用的方法，但是这种方法在传递 th i s等参数的时候很容易出问题，而且[r emo v e d]协议作为a的href 属性的时候不仅会导致不必要的触发[r emo v e d]事件，在IE里面更会使g if动画图片停止播放。而且，大多数人认为a 标签最重要的作用是实现超链接，其实不单单是实现超链接的方法，今天新起点博客就来整理下a 标签中href的几种用法。这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行 js 函数，而void是一个操作符，void(0)返回 undefined，地址不发生跳转。

众所周知，a 标签的最重要功能是实现超链接和锚点。而且，大多数人认为a 标签最重要的作用是实现超链接，其实不单单是实现超链接的方法，今天新起点博客就来整理下a标签中href的几种用法。

在这里插入图片描述

1、a href=“[r emo v e d]js _method();”
这是常用的方法，但是这种方法在传递 th i s等参数的时候很容易出问题，而且[r emo v e d]协议作为a的href 属性的时候不仅会导致不必要的触发[r emo v e d]事件，在IE里面更会使gif动画图片停止播放。
2、a href=“javascript:js _method();”
这是常用的方法，但是这种方法在传递 this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发 window。on beforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href 里面执行 javascript 语句。
3、a href=“java script:void(0);” οnclick=“js_method()”
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行 js 函数，而void是一个操作符，void(0)返回 undefined，地址不发生跳转。
而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。3、a h ref=“java s cri p t:” οnclick=“js_method()“这种方法跟跟2种类似，区别只是执行了一条空的js 代码。
4、a h ref=”#” οnclick=“js_method()”
这种方法也是网上很常见的代码，#是标签内置的一个方法，代表 top的作用。也是最简单也是非常实用的网页置顶方法。但是有个弊端就是使用此方法相当于给页面刷新一次，如果网页太卡的话可能不太利于用户体验。

5、a h ref=“#” οncli c k=“js_method();return false;”
种方法点击执行了js 函数后return false，页面不发生跳转，执行后还是在页面的当前位置。综合上述，在a中调用js 函数最适当的方法推荐使用：
6、a h ref=“https://www.henenseo.com” 绝对 URL – 指向另一个站点
此方法使用后，点击a标签时就会直接跳转到这个链接的页面
7、a h ref=“/seo.html” 相对 URL – 指向站点内的某个文件
点击a标签链接后会跳转到本站点中的某个链接。
8、h ref=”#top“锚 URL – 指向页面中的锚
指定某个id点击后跳转到指向的页面或者是标签位置中。
9、h ref=“m ailt o:baidu.@163.com”
手机端使用较多。点击后对应的邮箱跳转。这种方法浏览器会自动调用系统默认的邮件客户端程序，同时在邮件编辑窗口的收件人设置栏中自动写上收件人的地址，而其他的内容都是空白，留给访问者自行填写。其他方法请看《a标签属性hr ef的m ailt o多种用法》
10.hr ef=“t el:400-445-4646”
手机端非常的使用，就是可以快捷的通过a标签拨打联系电话。

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。