需要快速收录的请联系QQ:2303230985
当前位置:SEO网站目录 » 站长资讯 » 网站运营 » 文章详细 订阅RssFeed

a标签调用js的几种方法

来源:互联网 浏览:878次 时间:2020-06-04

我们常用的在a标签中有点击事件:

<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。

   这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好
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的作用。所以用这种方法点击后网页后返回到页面的最顶端。

<a href="#"></a> 如果页面有滚动条 点击后网页后返回到页面的最顶端

5.a href="#" onclick="js_method();return false;"

这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

我看了下taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

综合上述,在a中调用js函数最适当的方法推荐使用:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;" 我们常用的在a标签中有点击事件:
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,页面不发生跳转,执行后还是在页面的当前位置。

我看了下taobao的主页,他们采用的是第2种方法,而alibaba的主页是采用的第1种方法,和我们的区别是每个href里的javascript方法都用try、catch包围。

综合上述,在a中调用js函数最适当的方法推荐使用:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"

最新点入

  • 山东欣烨化工山东欣烨化工

    山东欣烨化工是一家集科研,生产,销售医药中间体,农药中间体,橡塑助剂,阻燃剂,酚醛树脂于一体的综合性化工企业。。采用轻资产的发展路线,采用参股、租赁工厂,或者代加工的发展模式。 在东营广饶丁庄镇、淄博淄川罗村镇、淄博齐鲁化工园纬六路、潍坊市滨海经济开发区临港路工业园建有生产工厂,德州市禹城化工园。 公司技术力量雄厚,拥有完善的产品检测手段和质量保证体系,密切关注着国内外科研和生产动态,并与山东大学化工学院合作,不断开发和研发新产品,以满足客户的不同需求。

    www.sdxinyechem.cn
  • 优雅导航优雅导航

    优雅导航--优雅导航(ndyywz.com)-创建于2020年4月13日。作为网站推广平台,致力为广大站长、网友提供优质、优雅网站链接。优雅导航免费收录高质量网站。

    www.ndyywz.com
  • 阳光游戏阳光游戏

    阳光游戏网为玩家提供新的网络游戏,单机游戏,手机游戏,手游等资源,经过多年努力已成为游戏玩家首要选择的游戏资讯、游戏资源网站。

    www.shiciwang.com.cn
  • 全球網址提交網全球網址提交網

    全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。

    www.urlglobalsubmit.com
  • 站长交易平台站长交易平台

    2898站长资源平台作为站长资源交换平台,致力于为广大站长和网站运营人员提供最方便、最快捷的站长资讯、站长交易、链接交易、链接交换、资源交换等服务。

    www.2898.com

推荐站点

  • BOSS直聘BOSS直聘

    BOSS直聘是权威领先的招聘网,开启人才网招聘求职新时代,招聘求职找工作,上BOSS直聘,直接谈!

    https://www.zhipin.com
  • 国聘招聘平台国聘招聘平台

    国聘招聘平台集成校园招聘和社会招聘等主渠道,通过多终端互联呈现,为企业提供信息发布、简历管理、线上笔面试、网络测评、云端咨询、背景审核等“一揽子”综合服务;为求职者提供信息真实、功能完整、环境友好、操作简便的平台界面;用放心、专心、热心的服务,高效匹配用人单位和求职者。

    https://www.iguopin.com/
  • 就业在线就业在线

    就业在线平台是由人力资源社会保障部组织建设的国家级招聘求职服务平台。汇聚各地、各类人力资源服务机构“旗舰店”,发挥公共就业人才服务机构和经营性人力资源服务机构作用,实现招聘求职信息实时、全面汇聚、共享和发布,支持跨区域、跨层级开展招聘求职服务。

    https://www.jobonline.cn/
  • 兼职猫app兼职猫app

    兼职猫是一个真实、可靠的兼职招聘平台,为广大学生、蓝领免费提供安全、靠谱的兼职工作信息,帮助求职者快速找到适合的岗位,找兼职就上兼职猫。

    https://www.jianzhimao.com/
  • 青团社兼职青团社兼职

    青团社兼职——找兼职,招兼职,全国大学生免费兼职服务平台。青团社兼职是国内首家免费兼职平台,为大学生提供海量安全兼职招聘信息,有高薪兼职、日结兼职、附近兼职、周末兼职各类兼职模块。更与世界500名企强强联合,为学生提供优质的兼职岗位。青团社兼职免费赠送兼职保险,为每一位兼职用户提供安全保障。找兼职,上青团社兼职!

    https://www.qtshe.com/