WEB开发网
开发学院网页设计JavaScript 使用Javascript让某个HTML区块的链接失效 阅读

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

 2010-09-14 13:31:25 来源:WEB开发网   
核心提示:在开发中时常会遇到这样的需求:让某些描述信息(这些描述信息已经进行过安全html过滤,所以不会包含Javascript等脚本语言,但是允许正常的链接)里的链接失效,但是不要或者这些描述信息.如要以下代码块里的链接失效<div id="desc"> <a href="htt

在开发中时常会遇到这样的需求:让某些描述信息(这些描述信息已经进行过安全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跳转吗?

Tags:使用 Javascript 某个

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接