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();",挺好用的
分享到:
相关推荐
然而,有时我们可能需要阻止 `<a>` 标签的默认行为,例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码。这种情况下,我们可以利用 `onclick` 事件或者其他方法来实现这一目标。 一、`onclick` 事件 `...
---然后跳出整个async1函数来执行后面js栈的代码</li> <li>4.console.log("promise1-111");</li> </ul> <ul> 异步任务顺序: <li>1.回到async1函数中等待await后面表达式的返回值</li> <li>2.promise的.then()...
的值 52<br><br>0069 求最大公约数 52<br><br>0070 求最小公倍数 53<br><br>0071 判断素数的算法 53<br><br>0072 如何判断一个数是否是完数 54<br><br>0073 歌德巴赫猜想的算法 54<br><br>0074 八皇后...
<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>...
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、外部的 ...
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>...
<a href="properties/href_2.asp">关于href属性的更多信息</a> <!-- 更多内容 --> </body> </html> ``` 在这个例子中,`<base>`标签设置的基准URL是`...
case在where条件中的应用;<br>SQL注入;...<br>SQL 2005新增的几个函数之学习;<br>多数据库查询;<br>利用NEWID函数来取随机记录;<br>利用ROW_NUMBER方法分页;<br>在数据库中处理字符串数组;<br>......
<li><a href="#"><img src="preview.png" alt="预览图">子菜单1-1</a></li> ``` 然后在CSS中调整图片的相对位置,使其在鼠标悬停时显示在相应的菜单项旁边。 在实际应用中,可能还需要考虑其他细节,比如添加过渡...
在这个例子中,`<head>`部分中的脚本将先于`<body>`部分中的脚本执行。这意味着“头部脚本”会在“页面脚本”之前弹出警告框。 **1.2 外部JavaScript文件的执行顺序** 除了直接内嵌在HTML文档中的脚本,还可以通过...
本功能在windows资源管理器都能轻易做到,相信没人用这个做资源管理器吧,呵呵~~<br><br>主要是为了让javascript,DOM,CSS良好的呈现一种网页组织,真正的使<br>“结构”,“行为”,“样式”三者在(x)html里面完全...
<script type="text/javascript" src="ymPrompt.js"></script> <br>在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" /> <br>根据您的需要调用相应的消息...
<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external nofollow” rel=”external ...
在上述示例中,`myPluginFunction`是插件暴露给JS的函数,它接受一个JS函数作为参数,这个函数将在插件处理完任务后被调用。`jsCallback`就是我们定义的回调函数,它会接收到插件处理的结果。 在插件端,`...
在现代Web开发中,使用JavaScript进行交互性增强是常见做法,因此在`<a>`标签中调用JavaScript函数是十分普遍的。本文将详细介绍如何在`<a>`标签中调用JavaScript函数,并探讨不同方法的优缺点。 首先,让我们回顾...
<li><a href="#">子菜单1-1</a></li> <li><a href="#">子菜单1-2</a></li> </ul> </li> <li><a href="#">菜单2</a></li> </ul> </nav> ``` CSS3则负责美化这个菜单,实现黑色背景、字体样式、鼠标悬停效果...
<语句>-> <条件语句>|<循环语句> | '{'<语句序列>'}' | <自定义函数调用语句> | <赋值语句> | <返回语句> | <读语句> | <写语句> | ; <条件语句>->if '('<表达式>')' <语句> [else <语句> ] <循环语句>->while ...