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;"
看到有人又用了一种方法:a href="###" onclick="js_method();",挺好用的
分享到:
相关推荐
<br>apache服务器专用函数库 <br>数组处理函数库 <br>拼写检查函数库 <br>BC 高精确度函数库 <br>历法函数库 <br>ClibPDF 函数库 <br>日期与时间函数库 <br>DBA 函数库 <br>dBase 格式资料表函数库 <br>dbm 类数据库...
然而,有时我们可能需要阻止 `<a>` 标签的默认行为,例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码。这种情况下,我们可以利用 `onclick` 事件或者其他方法来实现这一目标。 一、`onclick` 事件 `...
第11章 函数 232<br>11.1 函数概述 232<br>11.1.1 函数的结构 232<br>11.1.2 函数的类型 232<br>11.1.3 使用函数的优点 233<br>11.2 设计用户定义函数 233<br>11.2.1 选择函数类型 233<br>11.2.2 函数与存储过程 233...
标题中的“<ctrl>+<alt>+<F8>键盘响应事件”是指在计算机操作系统中,通过按下特定的组合键——Ctrl、Alt和F8,触发一个特定的系统或应用程序响应。这种组合键通常用于执行某些预设的功能或者调试操作。在不同的操作...
目录<br><br>前言<br>1. 一般信息<br>1.1. 关于本手册<br>1.2. 本手册采用的惯例<br>1.3. MySQL AB概述<br>1.4. MySQL数据库管理系统概述<br>1.4.1. MySQL的历史<br>1.4.2. MySQL的的主要特性<br>1.4.3. MySQL稳定性...
<br>js访问xml之节点对象属性和方法<br>js访问xml之删除一个book元素节点<br>js访问xml之添加一个book元素节点<br>【JS】兼容ff的加入收藏和设为首页<br>【补】【sina】绕过sina博客的限制,超级BT执行Javascript<br...
> 元素<br> <description> 元素<br> <example> 元素<br> <job> 元素<br> <named> 元素<br> <object> 元素<br> <package> 元素<br> <reference> 元素<br> <resource> 元素<br> <runtime> 元素<br>...
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> ``` 此段代码定义了一个`doZoom`函数,该函数接收一个参数`size`,用于设置元素的字体...
249<br>31.4 数据结构 250<br>31.5 加密套件 251<br>31.6 密钥信息 252<br>31.7 SESSION 252<br>31.8 多线程支持 253<br>31.9 编程示例 253<br>31.10 函数 264<br>第三十二章 Openssl命令 267<br>32.1概述 267<br>...
</p><button type="button" onclick="myFunction()">点击这里</button><script>function myFunction(){document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";}</script></body> 4、外部的 ...
<br>Safari 2 3575ms 475ms 753% <br>Opera 9.1 3196ms 326ms 980% <br>Average improvement: 867% <br><br>下表为jQuery1.1.3与常用的一些JS库选择器的对比:<br>Browser Prototype jQuery Mootools Ext Dojo <br>...
例如, `(defun <name> <args>)` 函数用于定义一个函数, `(apply <fun> <args>)` 函数用于调用一个函数。 显示、打印控制功能函数 Autolisp 的显示、打印控制功能函数用于实现显示和打印的控制。这些函数可以用于...
第1章 窗体与界面设计 1<br>1.1 菜单应用实例 2<br>实例001 带历史信息的菜单 2<br>实例002 菜单动态合并 3<br>实例003 像开始菜单一样漂亮的菜单 4<br>实例004 任务栏托盘菜单 5<br>实例005 可以拉伸...
Character <br>Standard C Math <br>Standard C Time & Date <br>Standard C Memory <br>Other standard C functions <br>All C Functions<br>C++<br>C++ I/O <br>C++ Strings <br>C++ String Streams <br>...
每个列表项`<li>`包含一个链接`<a>`和一个子列表`<ul>`,后者进一步包含了更多的链接。 ```html <ul id="navigation"> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">...
<script src="path/to/yourfile.js"></script> ``` ##### 2.2 JavaScript的放置位置 JavaScript可以根据实际需求放在HTML的不同位置: - **头部(head)**:一般用于定义函数或事件处理程序。这样可以确保在需要...
<br>内容及步骤:<br>1、 试建立一个二叉搜索树,并实现以下成员函数:<br>a. 默认构造函数和带数据域、左子树指针、右子树指针的构造函数;<br> b. 按照二叉搜索树的要求设计插入函数Insert(int Info);<br> c. 用...
第3章 数据处理基础<br> 案例1 创建数据库<br> 案例2 设置表格颜色<br> 案例3 比例图显示数据<br> 案例4 动态设置数据窗口风格<br> 案例5 使用选项卡<br> 案例6 使用下拉子数据窗口<br> 案例7 动态设立数据窗口<br> ...
" onclick="js_method()">`),而阿里巴巴主页使用了第一种方法,但它们都对每个`href`中的JavaScript方法进行了`try-catch`封装,以处理可能的异常。 **JavaScript编码规范和注意事项**: - 字符类型`char`的值...