在开发中时常会遇到这样的需求:让某些描述信息(这些描述信息已经进行过安全html过滤,所以不会包含Javascript等脚本语言,但是允许正常的链接)里的链接失效,但是不要或者这些描述信息.如要以下代码块里的链接失效
<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跳转吗?
分享到:
相关推荐
在IT领域,图片分区块链接和12306网站地图分区块链接代码是网页设计与开发中的重要概念,尤其在创建交互式地图或导航时。这些技术有助于优化用户体验,提高网站的可操作性和视觉吸引力。 首先,我们来理解“图片分...
- **设计布局**:使用HTML、CSS和JavaScript创建吸引人的界面。 - **交互功能**:通过JavaScript增强用户体验。 - **测试发布**:确保网站正常运行后将其上线。 通过以上章节的学习,读者可以系统地掌握Web前端开发...
当用户满足某种条件时,如鼠标悬停、时间限制或者完成某个任务,我们可以通过JavaScript将链接的`display`样式属性设置为`none`,使其消失;或者通过设置`href`为空,使链接失去跳转功能,从而达到“消失”的效果。...
此外,考虑到搜索引擎优化(SEO),需要合理使用HTML标签,确保内容的可爬取性,同时通过JavaScript加载的内容也要考虑SEO友好。 总结,构建一个个人博客需要掌握HTML、CSS和JavaScript的基本知识,结合这些技术,...
- **IFRAME内部处理链接**:另一种方法是让IFRAME内的页面处理链接点击事件,通过JavaScript跳转而不是默认的浏览器行为。这需要在IFRAME内容页面中添加事件监听器。 5. **事件监听与传递**:为了实现IFRAME间的...
在本项目中,“用dreamweaver做的个人主页(html\javascript)”是一个使用Adobe Dreamweaver创建的个人网站示例,主要包含HTML和JavaScript技术。Dreamweaver是一款强大的网页设计工具,它支持直观的可视化编辑和代码...
《iOS应用开发指南:使用HTML5、CSS3和JavaScript》这本书是针对移动应用开发者的一本实用教程,旨在帮助读者利用Web技术开发iOS平台的应用程序。HTML5、CSS3和JavaScript作为现代Web开发的核心技术,其在iOS应用...
用html+javascript读出写入txt文件
标题中的“javascript经典特效---类似按钮的文字链接”指的是在网页设计中使用JavaScript实现的一种交互效果,即将文字链接设计成按钮的样式。这种效果通常是为了增强用户体验,使用户更直观地理解点击文字后会触发...
在本资源"javascript经典特效---不同内容的文字链接.rar"中,重点探讨的是如何使用JavaScript来实现文字链接的不同功能和交互效果。这个压缩包包含一个名为"不同内容的文字链接.htm"的HTML文件,我们可以从中学习到...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态内容。在浏览器环境中,JavaScript可以极大地提升用户体验,包括模拟浏览器的一些原生功能,如“另存为”(Save As)...
它通过不同的标签来表示文本、图片、链接等元素。在本项目中,HTML被用来创建个人主页的骨架,包括头部、主体和页脚等部分,以及各个交互元素如导航菜单、文章、图片展示等。 CSS(Cascading Style Sheets)则负责...
在使用迅雷快传失效连接下载器时,用户只需输入失效的迅雷快传链接,软件就会自动进行分析并尝试获取真实的下载URL。一旦找到,用户就可以直接用这个新的下载地址在任何支持HTTP/HTTPS下载的工具上下载文件,不一定...
标题《HTML_CSS_JavaScript网页制作(新).pdf》所指向的知识点涵盖了网页设计与开发中使用的三种核心技术:HTML、CSS和JavaScript。这三个技术构成了现代网页制作的基石,是任何希望深入了解和从事前端开发的人都...
在本案例中,“JavaScript图片友情链接滚动,横向,带控制按钮”是一个使用JavaScript实现的网页功能,它允许用户以横向滚动的方式展示一系列的友情链接,同时配备有控制按钮,以便用户可以自由地向前或向后浏览这些...
在语法概述章节中,我们学习了JavaScript的基本句法结构,包括语句、变量、变量提升、标识符、注释、区块、条件语句和循环语句。JavaScript支持多种数据类型,包括原始类型如字符串、布尔值等,以及通过对象和数组...
【标签】"html5 css JavaScript"强调了这个项目使用的是最新版本的HTML5标准,CSS可能是CSS3,JavaScript则可能涉及ES6以上的特性。HTML5引入了许多新的元素和API,如`<canvas>`用于绘制图形,`<audio>`和`<video>`...
【JavaScript经典特效——分类链接导航】是Web开发中常见的需求,尤其在大型网站或应用中,清晰、高效的导航系统能够帮助用户快速定位信息,提升用户体验。在这个案例中,我们主要探讨的是如何使用JavaScript来实现...
以下将详细解释如何使用JavaScript来动态创建链接,并提供相关的示例代码和扩展知识。 首先,我们需要了解DOM的概念。DOM是HTML和XML文档的一种结构化表示,允许程序和脚本动态更新、添加或删除元素。在JavaScript...
1. CSS3动画:CSS3引入了过渡(Transition)和动画(Animation)属性,可以轻松地让链接在鼠标悬停时平滑地改变颜色、大小、位置等属性。例如,可以设置链接在被鼠标悬停时沿某个轴线平移,增加动态感。 2. ...