下面是个超简单的使用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
目前只知道a和area标签可以放href属性来进行跳转,不知道大家还知道有其它的方式可以用href跳转吗?
来源:http://www.tulaoshi.com/n/20160219/1622777.html
看过《使用Javascript让某个HTML区块的链接失效》的人还看了以下文章 更多>>