`
梵谷的皇心
  • 浏览: 22258 次
社区版块
存档分类
最新评论

a标签中调用javascript方法的几种方法:

阅读更多
a标签中调用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的作用。所以用这种方法点击后网页后返回到页面的最顶端。

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;"
分享到:
评论

相关推荐

    Javascript基础网页中调用JS代码的几种方法

    本文将详细介绍几种在HTML文档中调用JavaScript代码的方法,帮助开发者更好地理解和掌握如何在网页中集成JavaScript。 #### 1. 直接在HTML文档中插入JavaScript 在HTML文档中直接插入JavaScript是一种非常常见的...

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

    本文将详细介绍如何在`<a>`标签中调用JavaScript函数,并探讨不同方法的优缺点。 首先,让我们回顾一下描述中提到的几种方法: 1. **a href="javascript:js_method();"** 这种方法直接在`href`属性中写入...

    js调用控件标签打印.rar

    在IT行业中,尤其是在Web开发领域,有时候我们需要实现特定的功能,比如在本例中,就是通过JavaScript来调用打印机进行标签小票的打印。这个任务通常涉及到与硬件设备的交互,如打印机,以及可能的第三方控件或库。...

    织梦系统标签调用

    本文将详细介绍织梦系统的几种常用标签及其调用方法,帮助初学者更好地理解和运用这些标签。 #### 二、全局变量调用 **1. 调用站点根目录** ```html {dede:global.cfg_cmspath/} ``` 该标签用于获取网站的根目录...

    标签中的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();...

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

    我们常用的在a标签中有点击事件: 1. a href="[removed]js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且[removed]协议作为a的href属性的时候不仅会导致不必要的...

    在XHTML中嵌入JavaScript的方法

    在XHTML文档中嵌入JavaScript主要有以下几种方法: 1. **内部脚本**:可以直接在HTML文档的`<head>`或`<body>`标签内编写`<script>`标签来包含JavaScript代码。例如: ```html <script type="text/javascript"> ...

    html静态页面调用php文件的方法

    以下是使用jQuery .load()方法调用PHP文件的几种方式: 1. 加载一个不含传递参数的PHP文件: ```javascript $("#myID").load("test.php"); ``` 2. 加载一个含有一个传递参数的PHP文件: ```javascript $("#myID")....

    servlet调用的几种方式

    HTML中的超链接(`<a>`标签)也可以调用Servlet。例如,在HTML文件中添加一个链接,其`href`属性设置为Servlet的URL,如`<a href="/myservlet/hello">Link---</a>`。当用户点击这个链接时,浏览器发起GET请求,...

    java web中调用后台方法用js快速生成图表

    - 在`dwr.xml`中,声明刚刚创建的Java类和方法,使得它们可以通过DWR被JavaScript调用。 4. **JavaScript调用**: - 在前端,我们可以使用JavaScript来调用DWR暴露的Java方法。DWR提供了一个JavaScript对象`...

    详解A标签中href=””的几种用法

    而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a></a>,所以就来整理下a标签中href的几种用法。 一、js的几种调用方法(参考总结的)  1、a href="[removed]js_method();"  这...

    避免一个方法在一定时间内被调用多次

    在你提供的场景中,描述提到的方法希望在1秒内,无论被调用多少次(比如100次),都只使用最后一次调用的参数执行一次。这正是防抖动的典型应用场景。 实现防抖动通常有两种方式:即时防抖(Immediate Debounce)和...

    javascript中快速定位的方法

    本文档将详细介绍几种在JavaScript中实现快速定位的方法,帮助开发者提高调试效率。 #### 二、使用`alert` 1. **基本用途**:在调试时,可以在代码的关键位置插入`alert`语句来输出变量的值或状态,这有助于快速...

    详解A标签中href=""的几种用法

    A 标签中 href 的几种用法详解 A 标签是 HTML 中最基本的超链接标签,但是在实际开发中,href 属性的使用却有很多种变化。下面我们将详解 A 标签中 href 的几种用法。 JS 调用方法 在 A 标签中,我们可以使用 ...

    JavaApplet与JavaScript交互方法的探讨.pdf

    JavaApplet与HTML页面交互的方式主要有以下几种: 1. **参数传递**:通过HTML标签的`<applet>`中的参数属性,可以将数据传递给JavaApplet。当Applet加载时,这些参数会被解析并可供Applet内部使用。 2. **...

    IntraWeb打开网页三种常用的方法

    在IntraWeb中打开外链接,主要有以下几种方法,这些方法侧重于通过不同的技术途径在Web应用中实现与外部资源的交互: 1. 客户端JavaScript方法 方法描述: 在IntraWeb生成的HTML页面中嵌入JavaScript代码,通过...

    我写的调用网页的javascript函数!请大家帮忙看看!

    在网页中调用JavaScript函数通常是通过以下几种方式实现的: 1. **事件处理**:当用户执行特定操作(如点击按钮)时,可以触发预先绑定的JavaScript函数。例如,在HTML元素中添加`onclick`属性,值为函数名或匿名...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    1. **`javascript:`**:这表明了这是一个JavaScript URL方案,即通过URL的形式来调用JavaScript代码。 2. **`void`**:这是JavaScript中的一个关键字,用来表示“无类型”或“没有返回值”。在这里,`void`后面跟着...

    Ant构建中使用JS脚本方法

    在Ant构建过程中,JavaScript脚本方法的使用是一个强大的工具,它允许开发者自定义构建过程,实现更复杂的逻辑和任务自动化。Ant是一个Java库和命令行工具,它的设计目标是驱动软件构建过程,尤其是在Java项目中。这...

Global site tag (gtag.js) - Google Analytics