如何使用多种方法在JavaScript中阻止超链接默认跳转？
- 内容介绍
- 文章标签
- 相关推荐
本文共计281个文字，预计阅读时间需要2分钟。
通过JavaScript，我们可以阻止超链接的跳转。方法如下：
（1）操作超链接的href属性：写法一：阻止超链接跳转点击这里
通过JavaScript，我们可以阻止超链接的跳转。
方法如下：
（1）操作超链接的 href 属性
写法一：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 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 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超链接跳转的资料请关注自由互联其它相关文章！
本文共计281个文字，预计阅读时间需要2分钟。
通过JavaScript，我们可以阻止超链接的跳转。方法如下：
（1）操作超链接的href属性：写法一：阻止超链接跳转点击这里
通过JavaScript，我们可以阻止超链接的跳转。
方法如下：
（1）操作超链接的 href 属性
写法一：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 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 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超链接跳转的资料请关注自由互联其它相关文章！