zoukankan      html  css  js  c++  java
  • 关于 javascript:void(0) 的使用

    在 Wep App 中,我们经常需要在 JavaScript 中处理链接的点击。因此,我们希望用户点击 <a> 元素时阻止它的默认行为。此时我们可以用很多不同的方法来处理。例如:

    <a href="#">Click Me</a>
    <a href="#" onclick="return false">Click Me</a>
    <a href="javascript:void(0);">Click Me</a>
    <a href="javascript:void 0;">Click Me</a>
    <a href="javascript:;">Click Me</a>
    <a href="javascript:">Click Me</a>
    

    第一种方法最简单,但是它会导致点击时页面滚动到页首。因此第二种方法利用 return false 语句阻止默认行为的执行。后面几种方法利用 javascript: URI 来达到页面不跳转的效果:按照规定,只要 javascript 代码执行的结果不为 undefined,则页面不跳转。因此第三、四种方法利用了 void 操作符的返回值是 undefined 的特点,而最后两种方法直接利用空语句的返回值为 undefined 的原理。

    但是后面四种方法在 IE 中使用可能会有副作用:在 IE 中点击该链接会触发 window.onbeforeunload 事件(即使 IE9 也是这样的)。因此,如果你绑定了这个事件的处理程序,需要考虑这个问题。

    参考资料:
    [1] void - JavaScript | MDN
    [2] href=“javascript:” vs. href=“javascript:void(0)”

  • 相关阅读:
    axios 配置
    vue 配置App.js
    vue 挂载方式
    常用的js
    vuex
    vue搭建环境
    JS中 toString() & valueOf()
    html-webpack-plugin 中使用 title选项设置模版中的值无效
    webpack为什么加载不了css?
    visual studio for mac 安装文件
  • 原文地址:https://www.cnblogs.com/zoho/p/3153888.html
Copyright © 2011-2022 走看看