Chinaunix首页 | 论坛 | 博客
  • 博客访问: 564384
  • 博文数量: 136
  • 博客积分: 4010
  • 博客等级: 上校
  • 技术积分: 1343
  • 用 户 组: 普通用户
  • 注册时间: 2008-08-19 23:18
文章分类

全部博文(136)

文章存档

2011年(28)

2009年(60)

2008年(48)

我的朋友

分类: Java

2009-04-09 11:11:46

美工页面上会有很多功能用链接文字来完成而不是按钮。

一般使用:

XML/HTML代码
  1. <a href="javascript:....">doSomethinga> 


不过如果这个javascript不是用来跳转页面的话,经常会使用浏览器转到一个空页面上去。

然后我们会改用:

XML/HTML代码
  1. <a href="#" onclick="...">doSomethinga> 


但这样会使页面突然转到顶部,还是不爽。

再改用:

XML/HTML代码
  1. <a href="javascript:void(0)" onclick="...">doSomethinga> 


这也是网上推荐的方法,不过好象在某些页面上(尤其是引用了很多外部js时),会打开一个新的空白页面。
 
这些问题主要是由于标记的href属性会触发页面跳转行为,实际上我们可以在onclick事件中加一个return false;表示此次点击不触发href跳转就行了。改为下面这样就安全了:

XML/HTML代码
  1. <a href="#"> onclick="...; return false;">doSomethinga> 


另外,我们将 href="#"去掉也可以不必加return false,但那样的话链接就显示不出来,变成普通文本了。

阅读(1373) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~