html a标签跳转_点击a标签不进行跳转
HTML 进行 标签 点击 跳转
2023-06-13 09:13:02 时间
- 如果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.cn/170170.html原文链接:https://javaforall.cn
相关文章
- html设置背景图片透明度代码,css设置图片背景透明度[通俗易懂]
- html直接分页的样式,HTML分页样式「建议收藏」
- html refresh原理,HTML meta refresh 刷新与跳转(重定向)页面
- js把HTML转成对象,将js对象转换为html「建议收藏」
- Django发送邮箱验证码实现以及邮箱html模板
- html中如何写系统时间,在HTML页面获取当前系统时间
- iframe自适应高度_html页面自适应
- html怎么将表格居中_HTML居中代码
- html表格空格符是什么,HTML中的空格符号是什么
- Vue 指令之插值 v-text、v-html、v-once
- pytest学习和使用16-HTML报告如何生成?(pytest-html)
- HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”
- html文本框居中对齐
- 简单构建HTML页面,连接MySQL数据库(html连接mysql)
- 使用HTML连接MySQL数据库实现功能(html连接mysql数据库)
- Linux上跑起来的HTML之旅(linux运行html)
- Linux 开发HTML的简单技巧(linux开发html)
- 从 HTML 页面访问 MySQL 数据库.(html访问mysql)
- HTML 颜色名
- HTML <noframes> 标签
- Linux环境实现HTML文件编辑(linux编辑html)
- HTML连接Oracle利用JavaScript即可实现(html连接oracle)
- HTML与Oracle新的组合引发了新的机遇与挑战(html oracle)
- HTML中Select不用Disabled实现ReadOnly的效果
- php过滤危险html代码
- php对包含html标签的字符串进行截取的函数分享