【html】<a>标签中的href和onclick的区别
来源:互联网 发布:unity3d室内模型 编辑:程序博客网 时间:2024/05/21 17:06
这样写是为了让这个链接不要链接到新页面转而执行一段js代码。
和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事件触发吧
和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事件触发吧
0 0
- 【html】<a>标签中的href和onclick的区别
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- html中a标签中的onclick和href的使用
- <a>标签中的href和onclick的区别
- html A标签的onclick事件和href的使用
- html A标签的onclick事件和href的使用
- html A标签的onclick事件和href的使用
- html A标签的onclick事件和href的使用
- html A标签的onclick事件和href的使用
- a标签的href和onclick 的事件的区别
- Android程序设计基础
- 深入浅出嵌入式底层软件开发
- 1065. 单身狗(25)
- 第六学:binder---client与server向SM的求学之路
- 每个App都会用到的LoadingLayout(加载中、正在加载、无网络连接等......)
- 【html】<a>标签中的href和onclick的区别
- Java中Filter、Servlet、Listener的学习
- Cg_Language fp30
- “34天搞定4、6、TOEFL单词”时间表
- 设置Eclipse中的tab键为4个空格的完整方法
- Counting Offspring(hdu3887)
- Weex工具链的奥秘
- Leetcode 16
- 大型PHP电商网站商品秒杀功能实现思路分析