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


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

<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跳转吗?

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

<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跳转吗?


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3