html a标签跳转_点击a标签不进行跳转

html a标签跳转_点击a标签不进行跳转如果a标签的”href”属性为空的话,当点击修改链接时并不会跳到对应页面,而是只在本页面进行了刷新操作。1<ahref=”JavaScript:js_method();”</a>这种方法地址也不发生跳转,在传递this等参数的时候很容易出问题;而且javascript作为a的href属性的时候会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript..

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

  • 如果a标签的”href”属性为空的话,当点击修改链接时并不会跳到对应页面,而是只在本页面进行了刷新操作。

  • 1 <a href="JavaScript:js_method();"</a>

  • 这种方法地址也不发生跳转,在传递this等参数的时候很容易出问题;

  • 而且javascript作为a的href属性的时候会导致不必要的触发window.onbeforeunload事件,

  • 在IE里面更会使gif动画图片停止播放。

  • W3C标准不推荐在href里面执行javascript语句


  • 2 <a href="javascript:void(0);" onclick="method()"</a>
  • 这是最常用也最周全的方法。
    2.onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,
  • 地址不发生跳转
  • 不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。

  • 3 <a href="javascript:;" onclick="js_method()"</a>
  • 这种方法跟2种类似,区别只是执行了一条空的js代码。

  • 4 <a href="#" onclick="js_method()"</a>
  • 用这种方法点击后网页后返回到页面的最顶端

  • 5 <a href="#" onclick="js_method();return false;"</a>"</a>
  • 这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置

以上内容参考


如果想要在a标签上直接写js代码:

<a href="javascript:void(0);" onclick="javascript:window.location.href='https://www.google.com.hk'">Balall</a>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/170170.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 猿创征文|点亮JAVA技术之灯(线程篇)「建议收藏」

    猿创征文|点亮JAVA技术之灯(线程篇)「建议收藏」线程安全就是说多线程访问同一段代码,不会产生不确定的结果。又是一个理论的问题,各式各样的答案有很多,我给出一个个人认为解释地最好的:如果你的代码在多线程下执行和在单线程下执行永远都能获得一样的结果,那么你的代码就是线程安全的。(1)不可变像String、Integer、Long这些,都是final类型的类,任何一个线程都改变不了它们的值,要改变除非新创建一个,因此这些不可变对象不需要任何同步手段就可以直接在多线程环境下使用(2)绝对线程安全不管运行时环境如何,调用者都不需要额外的同步措施。……….

    2025年8月23日
    9
  • array去重 java_java 数组去重[通俗易懂]

    array去重 java_java 数组去重[通俗易懂]uniq.javaimportjava.util.Arrays;importjava.util.ArrayList;importjava.util.List;publicclassuniq{publicstaticvoidmain(String[]args){ArrayListoList=newArrayList<>(Arrays.asList(newOb…

    2022年6月14日
    52
  • awvs14安装教程_amesim安装教程

    awvs14安装教程_amesim安装教程AWVS安装1.解压awvs14.zip的压缩包2.点击如图所示的程序进行安装,安装的过程可以更改安装路径(最好是全英文的),出现证书安装把证书也安装一下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H9IM7zsf-1636963924896)(C:\Users\Lenovo\Desktop\软件安装\awvs安装.assets\1636948268918.png)]3.点击如下图所示的程序,出现网页关闭即可[外链图片转存失败,源站可能有防盗链机制,建议将图片保存

    2025年11月24日
    3
  • 数据结构图的构建_逻辑结构图的数据结构表示

    数据结构图的构建_逻辑结构图的数据结构表示图是一种很重要的数据结构,不解释。

    2022年4月19日
    66
  • python深度学习库系列教程——python调用opencv库教程

    python深度学习库系列教程——python调用opencv库教程全栈工程师开发手册(作者:栾鹏)python教程全解OpenCV安装pipinstall–upgradesetuptoolspipinstallnumpyMatplotlibpipinstallopencv-pythonOpenCV的结构和Python一样,当前的OpenCV也有两个大版本,OpenCV2和OpenCV3。相比OpenCV2,OpenCV3提供了

    2022年9月26日
    3
  • IOC 控制反转[通俗易懂]

    IOC 控制反转[通俗易懂]SpringFramework概述https://blog.csdn.net/centrl/article/details/115519480通过前面的学习,我们至少已经知道IOC,下面我们就来说说IOC是个什么东西。1.写在前面首先来想一件事,作为程序员,怎么开发程序才最巴适?我觉得最起码有两点:开发简单、升级简单。开发简单,就是我们只管写业务逻辑(培养只会写if-else的程序员)。 升级简单,这里也包含两点:我们使用的技术(可理解为框架)出了什么问…

    2022年6月16日
    34

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号