`
windonly
  • 浏览: 16460 次
  • 性别: 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跳转吗?
分享到:
评论

相关推荐

    Html+Css+Javascript从入门到精通.pdf

    - **设计布局**:使用HTML、CSS和JavaScript创建吸引人的界面。 - **交互功能**:通过JavaScript增强用户体验。 - **测试发布**:确保网站正常运行后将其上线。 通过以上章节的学习,读者可以系统地掌握Web前端开发...

    IE Javascript 脚本失效解决办法

    在使用Internet Explorer(以下简称IE)浏览器时,可能会遇到JavaScript脚本失效的情况。这不仅会影响网页的正常展示,还可能导致某些交互功能无法正常使用。根据描述,“IE Javascript脚本视角解决办法”,我们可以...

    个人博客html+css+JavaScript完整代码

    此外,考虑到搜索引擎优化(SEO),需要合理使用HTML标签,确保内容的可爬取性,同时通过JavaScript加载的内容也要考虑SEO友好。 总结,构建一个个人博客需要掌握HTML、CSS和JavaScript的基本知识,结合这些技术,...

    javascript经典特效---IFRAME间链接变换.rar

    - **IFRAME内部处理链接**:另一种方法是让IFRAME内的页面处理链接点击事件,通过JavaScript跳转而不是默认的浏览器行为。这需要在IFRAME内容页面中添加事件监听器。 5. **事件监听与传递**:为了实现IFRAME间的...

    用dreamweaver做的个人主页(html\javascript)

    在本项目中,“用dreamweaver做的个人主页(html\javascript)”是一个使用Adobe Dreamweaver创建的个人网站示例,主要包含HTML和JavaScript技术。Dreamweaver是一款强大的网页设计工具,它支持直观的可视化编辑和代码...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》-配套源码.zip

    在HTML中,我们使用各种标签来定义不同的元素,如标题、段落、图片、链接等。通过学习HTML,你可以理解如何组织和呈现网页的信息,以及如何添加多媒体资源,如图片和音频。 CSS(Cascading Style Sheets)则负责...

    iOS应用开发指南 使用HTML5、CSS3和JavaScript

    《iOS应用开发指南:使用HTML5、CSS3和JavaScript》这本书是针对移动应用开发者的一本实用教程,旨在帮助读者利用Web技术开发iOS平台的应用程序。HTML5、CSS3和JavaScript作为现代Web开发的核心技术,其在iOS应用...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4...

    用html+javascript读写txt文件

    用html+javascript读出写入txt文件

    javascript经典特效---类似按钮的文字链接.rar

    标题中的“javascript经典特效---类似按钮的文字链接”指的是在网页设计中使用JavaScript实现的一种交互效果,即将文字链接设计成按钮的样式。这种效果通常是为了增强用户体验,使用户更直观地理解点击文字后会触发...

    Html+CSS +Javascript实现的一个很炫个人主页网页

    通过使用Html、CSS以及Javascript这三种核心技术,可以构建出一个极具个人特色的炫酷个人主页,而这样的技术实现,既需要网页设计师的创意灵感,也需要前端开发者的技术支持。 首先,HTML是构建网页的基础。它通过...

    JavaScript完全自学宝典 源代码

    1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行验证。 1.5.html HMTL中调用.js文件。 1.6.html 使用“”标记,实现的滚动字幕效果。 1.7.html 使用...

    javaScript实现另存为功能

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态内容。在浏览器环境中,JavaScript可以极大地提升用户体验,包括模拟浏览器的一些原生功能,如“另存为”(Save As)...

    迅雷快传失效连接下载器

    在使用迅雷快传失效连接下载器时,用户只需输入失效的迅雷快传链接,软件就会自动进行分析并尝试获取真实的下载URL。一旦找到,用户就可以直接用这个新的下载地址在任何支持HTTP/HTTPS下载的工具上下载文件,不一定...

    HTML_CSS_JavaScript网页制作(新).pdf

    标题《HTML_CSS_JavaScript网页制作(新).pdf》所指向的知识点涵盖了网页设计与开发中使用的三种核心技术:HTML、CSS和JavaScript。这三个技术构成了现代网页制作的基石,是任何希望深入了解和从事前端开发的人都...

    JavaScript 图片友情链接滚动,横向,带控制按钮.rar

    在本案例中,“JavaScript图片友情链接滚动,横向,带控制按钮”是一个使用JavaScript实现的网页功能,它允许用户以横向滚动的方式展示一系列的友情链接,同时配备有控制按钮,以便用户可以自由地向前或向后浏览这些...

    JavaScript标准参考教程

    在语法概述章节中,我们学习了JavaScript的基本句法结构,包括语句、变量、变量提升、标识符、注释、区块、条件语句和循环语句。JavaScript支持多种数据类型,包括原始类型如字符串、布尔值等,以及通过对象和数组...

    Web前端大作业-个人网页(html+css+javascript)

    【标签】"html5 css JavaScript"强调了这个项目使用的是最新版本的HTML5标准,CSS可能是CSS3,JavaScript则可能涉及ES6以上的特性。HTML5引入了许多新的元素和API,如`&lt;canvas&gt;`用于绘制图形,`&lt;audio&gt;`和`&lt;video&gt;`...

    javascript经典特效---分类链接导航.rar

    【JavaScript经典特效——分类链接导航】是Web开发中常见的需求,尤其在大型网站或应用中,清晰、高效的导航系统能够帮助用户快速定位信息,提升用户体验。在这个案例中,我们主要探讨的是如何使用JavaScript来实现...

    链接特效 html网页特效 代码特效

    1. CSS3动画:CSS3引入了过渡(Transition)和动画(Animation)属性,可以轻松地让链接在鼠标悬停时平滑地改变颜色、大小、位置等属性。例如,可以设置链接在被鼠标悬停时沿某个轴线平移,增加动态感。 2. ...

Global site tag (gtag.js) - Google Analytics