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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

  只需要再后面插入下段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

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

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

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

延伸阅读
标签: Web开发
做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。 里面有三个方法: 1、request.QueryString("参数")//获取指定参数,返回字符串; 2、request.QueryStrings();//获取全部参数,并返回数组; 3、request.setQuery("参数","参数的值");//如果当前地址栏有此参数,那么将更新此参数,否则...
标签: Web开发
新写的JS 客户端 UI:采用包装模式的思想,富客户端UI就像外壳一样附加到普通的元素上。部分UI使用了两种实现,一种直接使用Html,CSS,JS结合的方式,一种直接使用JS(UI结尾的文件使用这种方式)。看过ExtJS做的,很漂亮,效果很绚,我做不到那种程度,但不喜欢那种编程方式,做ExtJS的的确是CSS,JS的高手,但没有提供良好的面对对象的设计...
标签: Web开发
教程六的内容不是很多,而且很简单。链接是Html语言的一大特色,正因为有了它,我们对内容的浏览才能够具有灵活性和网络性。 1.a href=""/a 本标志对的属性href是无论如何不可缺少的,标志对之间加入需要链接的文本或图像(链接图像即加入img src=""标志)。href的值可以是URL形式,即网址或相对路径,也可以是mailto:形式,即发送E-Mail形式。...
标签: Web开发
先决条件 本文只基于 XForms 和 JavaScript。针对安装在 Mozilla Firefox 2.0 之上的 Mozilla XForms 插件 进行测试。使用的是标准的 XForms 和 JavaScript,因此应该在这两个标准技术的其他实现上运行。没有使用服务器端的技术。 典型的表示例 我们来看一个典型的 XForms 示例。它展示了如何创建表示 XML 文档中重复节点的...
标签: 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...

经验教程

857

收藏

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