• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > a 中调用js的几种方法整理及使用推荐

a 中调用js的几种方法整理及使用推荐

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含a,调用js等相关知识,佚名 希望在学习及工作中可以帮助到您
我们常用的在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函数最适当的方法推荐使用:

您可能想查找下面的文章:

  • 详解html中的marquee属性
  • div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
  • web响应式布局中iframe自适应的方法
  • border-radius是向元素添加圆角边框的方法
  • HTML table 直列化格式详解
  • 关于div中img,span垂直居中的问题
  • 深入浅出meta标签
  • 浅谈Iframe网页内部的导航窗口
  • CSS3文本阴影text-shadow属性详解
  • 一些有用的meta设置方法(必看)

相关文章

  • 2017-08-05链接中的href=#是什么意思呢
  • 2017-08-05设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
  • 2017-08-05关于IE8兼容:X-UA-Compatible属性的解释
  • 2017-11-12后台管理UI
  • 2017-08-05html标签中的this使用介绍
  • 2017-08-05h5输入框提示语 + 正常文本框提示语的实现方法
  • 2017-08-05dl,dt,dd在什么时候适合使用呢?
  • 2017-08-05HTML checkbox 点击说明文字即可选择/取消勾选状态
  • 2017-08-05HTML教程:收集的常用的HTML标签(6)
  • 2017-08-05HTML输入框优化以此来提高用户体验和易用度

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML网页的浏览器标题栏显示小图标的方法
    • button没有指定type为submit点击按钮跳转不到指定url
    • input标签里面的name与value的区别
    • HTML初学者适用的十五条最佳实践
    • HTML中的标签和元素的区别详解
    • HTML 编辑基础(菜鸟必看篇)
    • html的基本使用包括链接、样式表、span和div等等
    • html中的div、td 、p 等容器内强制换行和不换行的实现
    • ie 滤镜大全整理
    • 通过display或visibility来隐藏html元素

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有