`
zhima
  • 浏览: 75248 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

html 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函数最适当的方法推荐使用:
a href="javascript:void(0);" onclick="js_method()"
a href="javascript:;" onclick="js_method()"
a href="#" onclick="js_method();return false;"
分享到:
评论

相关推荐

    标签中的href如何调用js代码.pdf

    html中,在标签中设的href调用js代码,共有以下几种方式 <a href ="javascript:void(0);" onclick ="js_method()"> <a href = "javascript:;" onclick ="js_method()"> <a href = "#" onclick ="js_method();...

    纯html标签静态调用xml文件及xsl对xml文件的的显示修饰

    纯html标签静态调用xml文件并显示,不包含js方法。 以及xsl对xml文件的的显示修饰方法

    html中a标签调用js函数.docx

    ...

    html中a标签调用js函数.pdf

    ...

    在html中引入外部js文件,并调用带参函数的方法

    下面小编就为大家带来一篇在html中引入外部js文件,并调用带参函数的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    c# 调用百度地图API 代码示例

    将百度地图嵌入c# cs窗体中,cs...查了很多资料,参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key,方便很多,使用的是v1.4版,少了很多限制,使用.net4.5开发的,可以将c#代码转为低版本也行的。

    vue-append:vue-append,类似于v-html指令,但可以调用javascript函数

    vue-append,类似于v-html指令,但可以调用javascript函数 安装 npm install vue-append --save # or yarn add vue-append ES6模块 通过npm作为vue-append可用。 import VueAppend from 'vue-append' Vue . use ...

    让IE支持CSS3 Media Query实现响应式Web设计,html5.js让IE(包括IE6)支持HTML5元素方法

    让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement_x声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也...

    QCMS.rar_QC_个性化推荐_调用JS

    QCMS是一个小型网站管理系统,灵活,方便是最大特色,为初学者快速度架设网站首选。... 增加js站外调用标签 10.增加留言本返回IP 11.增加最新的文章调用和 热门或者推荐文章调用 12.增加SQL调用(万能标签

    JavaScript中跨域调用Flash的方法

    要做一个页面上短信息的提示音的功能,本来想用HTML5中Audio+IE下的bgsound来实现,可是发现每种浏览器对Audio的解码类型还不一样,顿时有种崩溃的感觉。没办法还是用Flash稳妥一点吧。 相信JavaScript与Flash交互...

    css及js调用方法详细汇总

    css调用方法: 1. 链接样式表 同样是添加在HTML的头信息标识符<head>里 复制代码代码如下: <head> <link rel=”stylesheet” type=”text/css” href=”style.css” /> </head> 2. 添加...

    JS+JSP通过img标签调用实现静态页面访问次数统计的方法

    本文实例讲述了JS+JSP通过img标签调用实现静态页面访问次数统计的方法。分享给大家供大家参考,具体如下: 测试页面: test.html  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <...

    Qt 使用QWebengine与js交互以及页面标签调用

    Qt版本5.9.6 ,由于QWebengineView不支持MinGW,因此必须使用MSVC编译,否则会报错,release文件夹中有测试的text.html页面。

    html5shiv.js

    上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。

    javaScript基础

    2. 在html页面中引用javaScript有三种方式:直接把javaScript代码写在标签script和/script结束标签之间,使用外部javaScript文件或直接把简短的javaScript代码写在html标签中 3. javaScript的核心语法有变量的声明和...

    libsignal-protocol-javascript-example:有关“如何使用libsignal-protocol-javascript?”的示例

    libsignal-protocol-javascript示例有关“如何使用libsignal-...libsignal-protocol.js中的更改libsignal-protocol.js在调用storage.isTrustedidentity()时正在发送SignalProtocolAddress.getName() storage.isTrust

    c# 调用百度地图API

    将百度地图嵌入c# cs窗体中,... 查了很多资料,参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key,方便很多,使用的是v1.4版,少了很多限制,使用.net4.5开发的,可以将c#代码转为低版本也行的。

    Web调用Node模块NW.js.zip

    NW.js 可以让你直接在 DOM 上调用所有 Node.js 模块,相当于使用一种新的方法来编写 Web 应用。NW.js 的前身是 node-webkit 。 特性: 使用 HTML5、CSS3、JS 和 WebGL 编写应用 完全支持 Node.js APIs 以及其 第...

    JavaScript常用标签和方法总结

    (2) JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到 HTML页面中,并直接在浏览器中解释执行。  (3) JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程 序运行效率...

Global site tag (gtag.js) - Google Analytics