onclick事件与href='javascript:function()'的比较
2010-04-12 13:07:26
| 分类：
PHP MySQL
|
字号
订阅
href='javascript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。
而且 onclick事件会比 href属性先执行，所以会先触发 onclick 然后触发href，所以如果不想页面跳转，可以设置 onclick里面的js代码执行到最后返回一个false，这样 href 里面的东西就不会执行了。
在ajax应用程序中，多写着下面的这样 ，以表示这个链接不跳转，而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值，其实也是什么事情都不做，而分号“;”则表示是一个空的js语句，这样就不会有任何其他跳转发生了，而且W3C标准不推荐在href里面执行javascript语句，所以还是用 onclick事件触发吧
分享到：
相关推荐
### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别 在Web开发中，经常会遇到需要创建空链接的情况，这些链接主要用于页面内的导航或者是触发某些JavaScript事件，而不是真正的跳转到另一个页面。在HTML...
根据提供的文件信息，我们可以归纳出一系列与网页设计中常用的JavaScript特效相关的知识点。下面将详细介绍这些知识点，以便更好地理解和应用。 ### 网页设计中常用的JavaScript特效代码 #### 1. 文本缩放功能 在...
根据给定文件的信息，本文将围绕“设为主页跳转代码”的知识点进行详细的解析与说明。主要内容包括HTML中实现页面跳转的各种方法及其适用场景、语法结构和注意事项等。 ### 一、概述 设为主页跳转代码主要指的是在...
onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', '...
<a href="#" onclick="document.execCommand('print')">打印 ``` 三、使用 window.print() 函数实现打印 window.print() 函数是一个专门用来打印的函数，可以用来打印当前窗口的内容。下面是一个使用 window.print...
- 使用`javascript:`协议作为`href`可能导致不必要的`window.onbeforeunload`事件触发。 - 在Internet Explorer中，这会导致GIF动画图片停止播放。 - W3C标准不建议在`href`中执行JavaScript语句。 ### 方法2: `...
<span id="a3"></span> <a href="#" onclick="change(--pageno)">上一页</a> <a href="#" onclick="change(++pageno)">下一页</a></div> </body> <script> var a = document.getElementById("all")....
<a href="javascript:void(0)" onclick="yourFunction()">调用函数链接 ``` 在某些情况下，`javascript:void(0)`可能在Internet Explorer中导致问题，比如停止GIF动画的播放。为避免这种情况，可以考虑使用`#`或...
#### 一、jQuery 与 onclick 事件 在 jQuery 中，可以使用 `.click()` 方法轻松地为元素绑定点击事件。当用户点击该元素时，绑定的函数就会被触发。对于 A 标签来说，这意味着当用户点击链接时会执行相应的函数。 ...
综上所述，`javascript:void(0)`主要用于创建一个不执行任何操作的链接，通常作为触发JavaScript事件的一种方式。而JavaScript提供了多种不同的跳转方式，可以根据具体需求选择合适的方法来实现页面之间的导航。
outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'>previous</a>"; for (count=parseInt(totalpage/10)*10+1;count<=totalpage;count++) { if(count!=...
在上面的示例代码中，我们使用 Thymeleaf 的变量表达式来生成 onclick 事件处理函数，例如 `th:onclick="'javascript:check('+${corp.id}+',2)'"`。这个事件处理函数将在点击按钮时被触发，并将 corp.id 和 status ...
在实际开发中，特别是在处理JavaScript事件（如`onclick`）时，推荐使用`href="javascript:void(0)"`。这是因为这样做可以防止某些浏览器（尤其是旧版本）在JavaScript未加载或被禁用时尝试解析`href="#"`并进行不必...
例如：<html> <head> <title> Example: 窗口的 load 和 unload 事件 </title> <script language="JavaScript"> function lh() { alert(" 窗口执行了 load 事件 "); } function ulh() { alert(" 窗口执行了 unload ...
这种方式常见于`<a>`、`<input>`等标签中，通过事件属性如`onclick`、`onmousedown`等来触发JavaScript函数。 **示例1：** ```html <a href="javascript:document.write('Hello World!')">Click ``` - **解释：** ...
JS 跳转页面方法和参考代码 JS 跳转页面方法是指使用 JavaScript 实现页面跳转的...7. 开新窗口 `<a href="/javascript:" onClick="window.open('连接地址','','height=500,width=611,scrollbars=yes,status=yes')">`.
- **JavaScript控制**：`onclick`事件中调用的`woaicssq()`函数是用于切换内容显示的JavaScript函数，参数`x`表示要显示的内容区编号。 ### 3. JavaScript实现 JavaScript部分通常会包含一个函数，如`woaicssq...
<a href="" onclick="javascript: return del();">删除 ``` 在实际开发中，有时候需要更灵活的处理。比如，当删除操作关联到某个链接或按钮时，我们可以直接在该元素的`onclick`事件处理器中调用`del()`函数，并...
从给定的文件标题“33个JavaScript经典效果”及描述“实用且必用的小脚本代码”，我们可以归纳总结出一系列关键的JavaScript知识点，这些知识点不仅涵盖了基础的页面操作、事件处理，还涉及到了时间显示、窗口控制...