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

2016-02-19 20:07 30 1 收藏

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.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

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

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

来源:http://www.tulaoshi.com/n/20160219/1622777.html

延伸阅读
标签: Web开发
做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。 里面有三个方法: 1、request.QueryString("参数")//获取指定参数,返回字符串; 2、request.QueryStrings();//获取全部参数,并返回数组; 3、request.setQuery("参数","参数的值");//如果当前地址栏有此参数,那么将更新此参数,否则...
标签: Web开发
教程六的内容不是很多,而且很简单。链接是Html语言的一大特色,正因为有了它,我们对内容的浏览才能够具有灵活性和网络性。 1.a href=""/a 本标志对的属性href是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像即加入img src=""标志)。href的值可以是URL形式,即网址或相对路径,也可以是mailto:形式,即发送E-Mail形式。...
标签: Web开发
新写的JS 客户端 UI:采用包装模式的思想,富客户端UI就像外壳一样附加到普通的元素上。部分UI使用了两种实现,一种直接使用Html,CSS,JS结合的方式,一种直接使用JS(UI结尾的文件使用这种方式)。看过ExtJS做的,很漂亮,效果很绚,我做不到那种程度,但不喜欢那种编程方式,做ExtJS的的确是CSS,JS的高手,但没有提供良好的面对对象的设计...
标签: Web开发
给FLash加链接. 以下是引用片段: button style="width:400;height:400;background:transparent;border:o;padding:0;cursor:hand" onclick="window.location.href='url'" object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"          codebase="http://download.macro...
标签: Web开发
原文:http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/ 翻译:http://www.176so.com/past/2007/3/17/pdf_links_labeling/ css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面...

经验教程

194

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部