onclick事件与href='javascript:function()'的比较
2016-05-30 12:35
274 查看
href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。
而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。
<a class="refresh" href="javascript:ChangeImg1()">看不清,换一张</a>
在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值,其实也是什么事情都不做,而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,而且W3C标准不推荐在href里面执行javascript语句,所以还是用 onclick事件触发吧
而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。
<a class="refresh" href="javascript:ChangeImg1()">看不清,换一张</a>
在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值,其实也是什么事情都不做,而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,而且W3C标准不推荐在href里面执行javascript语句,所以还是用 onclick事件触发吧
相关文章推荐
- SharePoint 2013 系统 JavaScript 创建文件和文件的完整代码和示例。
- js实用表单模糊搜索和自动提示插件
- js实用表单模糊搜索和自动提示插件
- 编写简易的JS输入框模糊查询匹配(附有源码和demo)
- JSON相关
- 使用 JavaScript 实现简单候选项推荐功能(模糊搜索)
- Chrome浏览器,搜索JS方法。
- xutils请求shh框架发布的json数据(类似from表单)
- JS 获取当前时间
- 解决 js 加法,乘法不精确问题
- JSR-343学习笔记(JMS)
- JSR-338 学习笔记(JPA)
- store.js - 实现本地存储(LocalStorage)
- 多文件上传,使用js对文件进行校验,包括文件单个大小,格式,总的文件大小,文件是否为空等
- 函数柯里化
- Javascript面试题一套
- js正则表达式大全
- JavaScript--关键字与标识符oc交互
- JS长整型精度问题
- CocoaPods spec-> spec.json