zoukankan      html  css  js  c++  java
  • JavaScript:void(0)使用介绍

    1、点击链接后不做任何事情(为防止点击链接后跳转到页首,onclick事件return false即可)

      <a href="javascript:void(0);" >test</a>
      <a href="javascript:;" >test</a>
      <a href="####" >test</a>
      如果是个# ,就会出现跳到顶部("#"包含了一个位置信息,默认的锚点是#top 也就是网页的上端)格式为:# + id
      <a href="javascript:void(0);">点我没有反应的!</a> 
      <a href="#pos">点我定位到指定位置!</a> 
      <br> 
      ... 
      <br> 
      <p id="pos">尾部定位点</p>
     
    2、点击链接后,响应用户自定义的点击事件
      <a href="javascript:void(0)" onclick="doSomething()">test</a>  
      <a href="#" onclick="doSomething();return false;">什么问题都解决了,包括浏览器不兼容问题</a>,或者直接使用href=""
      <a href="#" onclick="alert();event.returnValue=false;">test</a>
     
    3、void是javascript的操作符,意思是:只执行表达式,但没有返回值, 
      javascript:void (expression) 
      javascript:void expression
     
    4、使用javascript的时候,通常我们会通过类似:
      <a href="#" onclick="javascript:方法">提交</a>的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,
      解决的办法是返回一个false.如下所示:
      <a href="#" onclick="javascript:方法;return false;">提交</a>
      还可以用 ###
      a href="javascript:void(0)" onclick="javascript:方法;return false;"提交,javascript:void(0)就不会向上跳了:)
      还有一个方法是 #this
      a href="#this" onclick="javascript:方法"
     
     
  • 相关阅读:
    vue_组件化开发
    C++ / C# 访问网络共享文件夹
    PetaLinux 设置操作系统内存
    linux 不用./ 直接执行程序
    Visual Studio Code 开发环境搭建 —— C# 扩展插件
    Visual Studio Code 调试项目时传参
    PetaLinux 安装
    Ubuntu 报 "xxx is not in the sudoers file.This incident will be reported" 错误解决方法
    常用 Linux 命令
    搭建 Git 服务器(Ubuntu 系统)
  • 原文地址:https://www.cnblogs.com/WebApp-DotNet/p/6392512.html
Copyright © 2011-2022 走看看