`
windonly
  • 浏览: 16625 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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

阅读更多

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

<div id="desc">
   
<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跳转吗?
分享到:
评论

相关推荐

    【JS常用代码】Div层处理

    在JavaScript编程中,Div(Division)层是一种常用的布局工具,用于组织网页内容。Div元素是HTML中的一个块级元素,...通过阅读提供的博客链接(可能已失效),你可以找到更多关于Div处理的实用代码示例和深入解析。

    js实现鼠标拖动功能,可以拖动内容到任何位置

    在JavaScript编程中,实现鼠标拖动功能是一项常见的需求,它可以让用户通过鼠标操作页面上的元素,如图片、区块等,并将它们移动到任意位置。这种交互性极大地提升了用户体验,尤其在构建可定制或可交互的界面时。...

    移动web最佳实践

    - 监控外部资源的可用性,及时替换失效链接。 ##### 17. 内容适应性 - **定义**:确保内容适合移动环境的展示。 - **实现方法**: - 调整文字大小,使之易于阅读; - 控制每行字符数量,减少水平滚动; - 使用...

    draggable_blocks:Drupal的可拖动块模块

    1. **前端交互**:通过集成JavaScript(特别是jQuery UI库)实现区块的拖放功能,用户无需进入后台管理界面就能在前端直接调整区块的位置。 2. **实时预览**:用户可以即时看到布局变化的效果,提高了网站设计的效率...

    jquery培训文档

    **Accordion** 是一种常见的界面元素,用于展示可以展开和收起的内容区块。本章节详细介绍了如何利用 jQuery 和 EasyUI 库来实现 Accordion 组件。 ##### 实例 下面提供了一个简单的 Accordion 示例,通过 HTML、...

    CSS 新的图像替换方法

    此外,状态域的切换可以通过简单的条件判断来完成,例如在某个条件满足时,使用document.enableStateScope("myScope", true);来启用状态域。 在“状态域方法”中,开发者也可以根据需要检查图片是否禁用。这是通过...

    Remove blocks-crx插件

    这种方法使用了JavaScript或者其他前端技术,使得用户在不直接修改浏览器设置的情况下,也能实现定制化的网页浏览体验。 对于自由交易者或任何kwork.ru的用户来说,期中报告可能包含了一些他们不需要或者希望避免...

Global site tag (gtag.js) - Google Analytics