`
123003473
  • 浏览: 1061713 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

超链接在web开发中使用总结

 
阅读更多
在工作中在前端页面的编写中经常使用到超链接,遇到了一些细小问题,在这里进行一下总结,以备未来使用,同时分享给大家,方便查找。



通常在开发中使用超链接用来触发onclick事件,已达到类似按钮点击操作的效果,同时在样式上比button标签更加灵活。

最常用写法:

<a href="#" onclick="函数名();"></a>  


在开发过程中容易出现的问题是,在IE环境下,上述写法在页面超出一屏时,在页面下端的链接在触发onclick之前会出现跳动现象,页面会先调回顶端,然后执行onclick中的函数体。

        解决的方法有两类:

        第一类:
              触发函数写在onclick事件中
                在这类中javascript函数的写法有两种,效果相同

                onclick="函数名();"   或者   onclick="javascript:函数名();"

              href 中则写如空链接

                 空链接的三种方式:

href="###"                         第一种   
href=" javascript:; "              第二种   
href=" javascript:void(0);"        第三种


a标签通常是内联元素的,是设置不了它本身的width和height的,但它是可以转换为区块元素的,如果在使用中还需要对a标签的样式加以处理。具体实现办法:

  对a标签设置CSS样式:display:block;当a设置了这一属性后,就可以给它加上width和height属性了。

第二类:      
       这种方式不再使用事件触发机制,也就是不用在编写onclick事件,而是把javascript函数放在 href属性中,具体如下:

 <a href="javascript:函数名()" target="_self"></a> 


上面总结了超链接的几种用法,但是实际上超链接标签的目的就是用于链接地址,只是在web开发过程中很多人都用这种方式来达到button标签的效果,口耳相传,形成习惯。

  

实际上,按照W3C标准来说,使用超链接a标签,也就要加入链接的地址!如果你使用了a标签,而没有加入要链接的网页地址,那就没必要使用这个标签了,因为其他的标签可以替代,也更符合WEB标准,例如<span></span>或者<em></em>等这类标签。



分享到:
评论

相关推荐

    如何在Web页中使用水晶报表

    总结起来,要在VB.NET的Web应用程序中使用水晶报表,你需要进行报表设计、配置Web服务器控件、绑定数据、设置报表路径、处理事件、部署并进行性能优化。水晶报表的强大功能和灵活性使其成为Web应用中理想的报表解决...

    .NET中GridView中添加超链接字段和属性值,并向另一页中传递参数

    在.NET开发中,GridView控件是用于展示数据的常用组件,尤其在Web应用程序中。它提供了灵活的方式来显示和操作数据库中的数据。在这个场景中,我们需要在GridView中添加超链接字段,以便用户点击后能跳转到另一个...

    Lotusscript添加超链接方案

    在企业级应用开发中,Domino服务器作为IBM的一款知名协作平台软件,被广泛应用于邮件系统、文档管理及Web应用等多个领域。其中,LotusScript是Domino环境中常用的一种脚本语言,它能够与Domino数据库进行高效交互,...

    web前端开发知识点总结.docx

    根据提供的文件信息,本文将对Web前端开发中的HTML与CSS两个关键知识点进行详细的总结与解析。 ### 一、HTML知识总结 #### 1. HTML基础 - **定义**:HTML(Hyper Text Markup Language)即超文本标记语言,是用于...

    用MyElipse工具开发的人才招聘web网页开发

    总结,这个项目涵盖了Web开发中的多个关键点,包括数据展示的优化、用户交互的设计以及后台逻辑的实现,这些都是构建一个高效、用户体验良好的Web应用必不可少的技能。通过深入学习和实践这些知识点,开发者可以提升...

    TextView中文字超链接,点击启动另一个Activity 源码

    在Android开发中,TextView是用于显示文本的基本组件。有时候,我们希望在TextView中展示的文本包含超链接,当用户点击这些超链接时,能够启动一个新的Activity来执行特定的操作。本篇将详细介绍如何实现TextView中...

    Web课程设计报告,优秀课设

    【Web课程设计报告详解】 本报告详述了一个关于WEB程序设计的课程设计项目,旨在阐述一个网站系统的设计...它提醒我们,无论是在Web开发还是其他领域的学习,都需要理论与实践相结合,不断积累和反思,才能不断提高。

    WEB应用开发 使用SqlDataSource、GridView实验报告

    包括数据的显示、分页、编辑、删除等功能,并且能够根据具体需求自定义显示列、使用单选按钮列表和下拉列表进行数据选择以及在GridView中嵌入超链接。这些技能对于实际Web应用开发中数据管理模块的设计和实现至关...

    gridview超链接

    在.NET开发环境中,GridView控件是ASP.NET网页中常用的数据展示工具,它可以方便地显示数据库或其他数据源中的数据。在本教程中,我们将探讨如何在VS2010中实现GridView控件的超链接功能,这包括在前端页面设置以及...

    Web前端开发试卷及答案[借鉴].pdf

    知识点:在Web前端开发中,结构(结构)和表现(样式)是两个独立的概念,结构指的是HTML中的div标签,而表现指的是CSS中的样式定义。 选择题 1. 在下面的XHTML中,哪个可以正确地标记折行?A: 是正确的。 ...

    WEB界面开发规范[总结].pdf

    在软件开发领域,特别是Web应用开发中,界面设计与实现的规范至关重要。它不仅影响着用户体验,也关乎代码的可维护性和团队协作效率。本篇将深入探讨WEB界面开发的一些关键规范,涵盖页面设计、命名规则、编码实践...

    javascript超链接

    在Web开发中,Cookie是一种常用的技术,用于存储用户的信息以便服务器能够识别用户的特定设置或偏好。Cookie通常由服务器设置,并存储在用户的浏览器中。通过JavaScript,开发者可以方便地对Cookie进行读取、写入和...

    web前端开发的题库1.pdf

    Web 前端开发题库1知识点总结 本题库涵盖了HTML、CSS、JavaScript等Web前端开发相关知识点,涵盖了 HTML基本结构、CSS样式、HTML5新特性、CSS3新特性、JavaScript基本概念等方面。 1. HTML基本结构 * HTML文档的...

    web相关的测试总结等

    在软件开发过程中,Web应用因其便捷性和易用性而被广泛采用。随着Web技术的发展,Web应用程序变得越来越复杂,因此进行有效的Web测试至关重要。Web测试是一种确保Web应用符合预期功能、性能、可用性和安全性的过程。...

    广东省职业技能等级认定证书试卷样题计算机程序员-Web前端开发(四级)A-01.docx

    本文档总结了广东省职业技能等级认定证书试卷样题计算机程序员-Web前端开发(四级)A-01.docx的相关知识点,涵盖了Web前端开发、HTML、CSS、JavaScript、MySQL、PHP等领域。 一、Web前端开发 * 了解Web前端开发的...

    第二阶段WEB开发基础学习总结.pdf

    【HTML学习总结】 ...在第二阶段的学习中,我们掌握了以下几个关键点: ...通过深入学习HTML和CSS,我们可以创建结构清晰、表现丰富的网页,并有效地管理和维护网页的样式,为后续的WEB开发打下坚实的基础。

    第二阶段WEB开发基础学习总结.docx

    类选择器和ID选择器提供了更精细的样式控制,ID选择器在整个文档中只能使用一次。属性选择器则可以根据元素的特定属性进行样式应用,增强了样式规则的灵活性。 通过结合HTML和CSS,开发者可以创建出结构清晰、样式...

    Web前端开发试卷及答案.doc.docx

    Web 前端开发试卷及答案知识点总结 Web 前端开发试卷及答案是 Web 前端开发相关知识的测试题目,涵盖了 HTML、CSS、XHTML 等多方面的知识点。下面是从试卷中提取的重要知识点: 一、填空题 1.目前常用的 WEB 标准...

Global site tag (gtag.js) - Google Analytics