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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 太极root权限_太极app下载-太极(免root)最新版本下载安装v5.7.0

    太极root权限_太极app下载-太极(免root)最新版本下载安装v5.7.0太极app是干嘛的,有什么作用,这是一款可以帮助自己手机中应用渡劫的软件,所谓渡劫就是创建一个虚拟空间,防止系统检测的功能,可以自由的双开应用,功能非常强大,安全性也非常高,无需root就可以使用,有需要的用户朋友快来下载吧!太极app介绍太极app是一个无需Root、不用解锁Bootloader,也不需要刷机就能使用Xposed模块的一个APP,原名exposed与VirtualXposed…

    2022年5月4日
    123
  • ntvicat激活码(注册激活)

    (ntvicat激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1M2OME2TZY-eyJsaWN…

    2022年4月2日
    88
  • 永远用小的结果集驱动大的结果集

    永远用小的结果集驱动大的结果集

    2021年9月13日
    106
  • Python爬虫程序实例

    Python爬虫程序实例在这个爬虫程序中使用到“BeautifulSoup”与“requests”两个包,所以我们之前要安装这两个包,如果不清楚是否安装,可以使“piplist”查看是否已经安装。做“爬虫程序”时建议用谷歌浏览器对网页元素进行检查,在网页空白处右击鼠标在弹出菜单中,使用“检查”菜单项。在检查元素窗口中,在“Elements”窗口仔细查看网页元素,特别要观察所要截取的内容前后HTML元素的特征。在上述代码中:主要抓取中的元素,这里看到它们的class元素的名称都是“news_li_strong”,所以在代

    2022年6月17日
    34
  • Springboot自动装配原理_自动装配原理

    Springboot自动装配原理_自动装配原理springboot自动装配原理详解1)传统ssm整合redis的时候需要在xml的配置文件中进行大量的配置Bean我们在这里使用springboot来代替ssm的整合,只是通过xml的形式来整合redis第一步:加入配置<dependency><groupId>org.springframework.data</grou…

    2022年8月22日
    6
  • mysql8.0性能_oracle scan ip

    mysql8.0性能_oracle scan ipMySQL8.0 – 新特性 – Skip Scan Range

    2022年4月21日
    58

发表回复

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

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