一个 # ...

nullTao | 净空无道 | Blog

一个 # 不够，那么就多来几个吧 Wed, Sep 3. 2008

网页中经常要做的一件事情就是让一个链接来执行一个 JavaScript 脚本，例如：< href="#" onClick="some_js_here();">Some text</a>，不过这样的副作用是因为有 href="#"。所以导致点击完后页面会滚动到最上面。

以前用的几种解决方案：

  • 不写 href，这样会导致很多浏览器不会把 a 标签按照你预期的方式渲染；
  • 在href 里面直接写 JavaScript 脚本，这样不完全符合 W3C 的规范。

其实要解决这个问题，不让浏览器把页面滚动到最上面，很简单，href="" 里面 多写几个 # 就行了，我一般用 6 个比较保险，这个方法适用于 IE5、IE6、IE7、FF2、FF3。虽然不知道为什么但是很好用。猜测是因为 # 表示进行页内书签的跳转，但是多个 # 浏览器就不知道什么意思了，干脆罢工好了，哈哈。

Posted by Wei Geng in TechniquE Comments: (3) Trackbacks: (0)
Defined tags for this entry: , ,
Related entries by tags:
终于用上左手的 Logitech V450 Nano Cordless Laser Mouse
解决 propel-convert-xml-schema 把 null 默认值处理为字符串的问题
在 Symfony 中结合使用 Structures/DataGrid、sfSmartView、Propel
MySQL 对于 COUNT(*) 和 LIMIT 同时使用的 BUG
MySQL 中用 GKB 来让 UTF-8 字段中的中文按照拼音排序
< 加入了原创博客联盟 | 看图说话：Google 大爱 >

Trackbacks
Trackback specific URI for this entry

No Trackbacks

Comments
Display comments as (Linear | Threaded)

#1 - 罂粟 2008-09-03 22:45 - (Reply)

一般不要把onclick事件写在html中，如果你非要这么做的话可以写成Some text

然后some_js_here里最后一句return false就可以阻止浏览器的默认行为了。

当然，比较标准的做法是：

somelink.onclick = function(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault;
e.returnValue = false;
}

#2 - 罂粟 2008-09-03 22:47 - (Reply)

笔误，应该是
somelink.onclick = function(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}

#2.1 - 净空无道 said:
2008-09-04 01:26 - (Reply)

这样啊。受教了，呵呵。谢谢了。
不过这段代码看的还是是懂非懂，毕竟偶是程序员出身，JS一直是一个搞不懂的问题。event到现在都不知道怎么用。呵呵。慢慢研究一下。


Add Comment

You can use [geshi lang=lang_name [,ln={y|n}]][/lang] tags to embed source code snippets
Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA