首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-04-05 
超链接在web开发中使用总结在工作中在前端页面的编写中经常使用到超链接,遇到了一些细小问题,在这里进行一

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

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

?

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

最常用写法:

?

?

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

? ? ? ? 解决的方法有两类:

? ? ? ? 第一类:触发函数写在onclick事件中

? ? ? ? ? ? ? ? ? ? ? 在这类中javascript函数的写法有两种,效果相同

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

? ? ? ? ? ? ? ? ? ? ? href 中则写如空链接

? ? ? ? ? ? ? ? ? ? ??空链接的三种方式:

? ? ? ? ? ? ? ? ? ? ??

??? ? ? ??

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

?

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

? ?

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

?

?

?

?

热点排行