JavaScript 阻止超链接跳转的操作方法(多种写法)(JavaScript 阻止超链接跳转的操作方法多种写法)
类别:编程学习 浏览量:2697
时间:2021-11-08 14:03:30 JavaScript 阻止超链接跳转的操作方法(多种写法)
JavaScript 阻止超链接跳转的操作方法多种写法通过JavaScript,我们可以阻止超链接的跳转。
方法如下:
(1)操作超链接的 href 属性
写法一:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="javascript:void(0);" rel="external nofollow" >超链接</a> </body> </html>
写法二:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="javascript:;" rel="external nofollow" >超链接</a> </body> </html>
点击链接,链接并不会进行跳转。
(2)阻止链接的默认行为
写法一:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="https://www.baidu.com" rel="external nofollow" rel="external nofollow" >百度</a> <script> var link = document.querySelector("a"); link.addEventListener('click',function(e){ e.preventDefault(); }) </script> </body> </html>
写法二:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="https://www.baidu.com" rel="external nofollow" rel="external nofollow" >百度</a> <script> var link = document.querySelector("a"); link.onclick = function (e) { return false; } </script> </body> </html>
此时,点击超链接,也不会进行跳转。
以上就是JavaScript 阻止超链接跳转的操作方法(多种写法)的详细内容,更多关于js超链接跳转的资料请关注开心学习网其它相关文章!
您可能感兴趣
- js event对象
- js条件语句教学(浅谈JS如何写出漂亮的条件表达式)
- js return false的作用
- 带农历的js日期控件
- ASP.NET中使用CodeDomProvider调用js文件中的js方法
- 数组循环遍历展示vue(Vue中foreach数组与js中遍历数组的写法说明)
- packagejson怎么使用(最全的package.json解析)
- extjs中apply和applyIf的用法
- js中Document
- js实现页面自动跳转
- python提取json数据(Python爬取数据保存为Json格式的代码示例)
- Js如何判断浏览器类型和版本
- 利用前端做扫雷游戏(js实现经典扫雷游戏)
- json和xml比较与区别
- eval解析json字符串
- js如何访问xml
- 苏志燮赵恩静结婚,韩国四大公共财产变三人,这么快就有替补了(苏志燮赵恩静结婚)
- 《内在美》后,一大波新韩剧来袭,李钟硕朴信惠宋慧乔玄彬回归(一大波新韩剧来袭)
- 给孩子选购保温杯,注意这4个步骤,比颜值更重要(给孩子选购保温杯)
- 保温好 容量大 颜值高 保温杯你给娃娃买对了吗(保温好容量大颜值高)
- 《道德经》 人生避开骄狂,才能免去祸患(道德经人生避开骄狂)
- 郭麒麟(郭麒麟)