当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 原生js禁用网站所有a标签的跳转链接

原生js禁用网站所有a标签的跳转链接

2020年11月09日  | 移动技术网IT编程  | 我要评论
原生js禁用网站所有a标签的跳转链接  由于一个正在开发的网站需要预览,但是内页还未制作,于是临时把跳转链接禁用一下。主要代码let tagA = Array.from(document.getElementsByTagName("a"));tagA.forEach(e=>{e.removeAttribute("href");});示例<!DOCTYPE html><html lang="en"><head> <meta charse

原生js禁用网站所有a标签的跳转链接

  由于一个正在开发的网站需要预览,但是内页还未制作,于是临时把跳转链接禁用一下。

主要代码

	let tagA = Array.from(document.getElementsByTagName("a"));
	tagA.forEach(e=>{e.removeAttribute("href");});

示例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <a href="test1.html">测试1</a>
  <a href="test2.html">测试2</a>
  <a href="test3.html">测试3</a>
  <a href="test4.html">测试4</a>
  <a href="test5.html">测试5</a>

  <script>
    window.onload = function () {
        let tagA = Array.from(document.getElementsByTagName("a"));
        tagA.forEach(e=>{e.removeAttribute("href");});
    }
  </script>
</body>
</html>

示例

本文地址:https://blog.csdn.net/y_universe/article/details/109571123

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网