注意在给超链接加脚本的时候

以前看过一篇文章,说的是html代码编写习惯的问题,今天切实体会到了这个的重要性。

在做前台的时候,我们经常会用到<a>这个标签来做按钮,比如写下如下语句
<a href="#" id="test">测试</a>
然后用jQuery 来给这个链接加上代码 :
$("#test").click(function(){alert('test');});

或许是由于重构人员的疏忽,或许由于前端人员的疏忽,这段代码就这么留下来了!!!

有人说,这段代码没什么问题呀!!

是的,看上去是很正常的,因为很多人(包括我)一般都是这么写的,所以也就见怪不怪了。

这段代码的问题在哪呢?

或许我们都疏忽了href="#"这个属性的作用,据我所知,这个属性可以用来回到本页的顶端!仅仅是回到顶端么?显然不是的。如果这个超链接是在新窗口,或者是在其他非本窗口的地方打开,那么就会在另外一个窗口重新来加载这个页面。如果这个“按钮”是在一个iframe里面,而这个超链接打开的目标是父窗口...那么问题就来了,当前的页面就跑到父窗口那里去显示出来了,父窗口也就因此毁掉了。

那么,怎么写才是正确的呢?

好吧,我只能说有一种比较正确的做法。就是href="javascript:;"

起码个代码是不会改变任何页面的导航的。。



有什么问题可以加群,100852896
点击这里加入此群 在线提问
文章来自: 本站原创
Tags:
评论: 3 | 查看次数: 3975
博主QQ: 友情链接请找我
QQ群: 灰色档案
返回顶部 关闭