使用Javascript让某个HTML区块的链接失效

AE0R8I

AE0R8I

2016-02-19 20:07

下面是个超简单的使用Javascript让某个HTML区块的链接失效教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

  在开发中时常会遇到这样的需求:让某些描述信息(这些描述信息已经进行过安全html过滤,所以不会包含Javascript等脚本语言,但是允许正常的链接)里的链接失效,但是不要或者这些描述信息.如要以下代码块里的链接失效

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

div id="desc"
  a href="http://www.9i56.cn"无聊网/a
/div

  只需要再后面插入下段Javascript既可
script type="text/javascript"
  var elements = document.getElementById('desc').getElementsByTagName('A');
  for (var i = 0, len = elements.length; i len; ++i) {
    elements[i].onclick = function(){return false;};
    elements[i].href = "#";
  }
  var elementsArea = document.getElementById('desc').getElementsByTagName('area');
  for (var i = 0, len = elementsArea.length; i len; ++i) {
    elementsArea[i].onclick = function(){return false;};
    elementsArea[i].href = "#";
  }
/script

  目前只知道a和area标签可以放href属性来进行跳转,不知道大家还知道有其它的方式可以用href跳转吗?

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

使用Javascript让某个HTML区块的链接失效

Web开发
使用Javascript让某个HTML区块的链接失效

如何让某个页面使用特定的CSS

Web开发
如何让某个页面使用特定的CSS

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

让网页上的超链接失效不能点击的js代码

Web开发
让网页上的超链接失效不能点击的js代码

HTML教程-链接

Web开发
HTML教程-链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

使用Javascript和DOM Interfaces来处理HTML

Web开发
使用Javascript和DOM Interfaces来处理HTML

HTML之链接标记

Html CSS布局 Div+CSS XHTML
HTML之链接标记

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

html和xml中的转义字符在Flash as3中的用法浅析

html和xml中的转义字符在Flash as3中的用法浅析

争鸣:Java的Web框架 让我如何去爱你

争鸣:Java的Web框架 让我如何去爱你
下拉加载更多内容 ↓