`

点击<a>标签，禁止页面自动跳到顶部的解决办法

 
阅读更多

    "平时开发的HTML表单，链接通常会使用<a href="#" onclick="openWnd();">Open new window</a>控件，但这种方法如果是链接到本页面，用来执行一段JS脚本的话，我们一般不希望用户在点解链接后页面滚动到顶部（如果有滚动条的话），可以通过修改上述将链接属性href来实现：即将href="#"改为href="###"，这样用户点击链接执行JS脚本后，滚动条就不会自动跳到TOP了。"

 

 

     后来就想为什么这么改了就不跳了？然后把href换成 "#X"，发现依然可以实现阻止滚动的效果。所以应该是浏览器会把 "#" 当作是一种页面跳转的口令，接到这个口令就会把页面滚动到原始位置，但是只要把这个改成浏览器没有办法识别的名称，那么它就会把这个口令ignore了。

 

NOTE：后来发现IE6这个神奇的浏览器连"##"都能识别，所以如果你要兼容浏览器，那还是用"###"吧。。。

 

在最近开发的网站中，一直使用上述的"#X"方法解决页面跳动的问题。但是这样解决页面虽然不跳了，url却会变得异常的难看，所以一直想找个方法替代它。后来意外的找到了它——

                            href="javascript:void(0)"

 

分享到：
| MySQL数据库的远程连接配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    夸克顶部变味tqZ偶联和罕见的$$ \ Delta F = 1 $$ &lt;math&gt; <mrow> <mi>Δ</ mi> <mi> F </ mi> <mo> = </ mo> < mn> 1 </ mn> </ mrow> &lt;/ math&gt;进程

    &lt;mrow&gt; &lt;mi&gt; q &lt;/ mi&gt; &lt;mo&gt; = &lt;/ mo&gt; &lt;mi&gt; u &lt;/ mi&gt; &lt;mo&gt;，&lt;/ mo&gt; &lt;mi&gt; c &lt;/ mi&gt; &lt;/ mrow&gt; &lt;/ math&gt;），从而导致$$ t \ rightarrow q Z $$ &lt;math&gt; &lt;mrow&gt; &lt;mi&gt; t &lt;/ mi&gt; &lt;mo&gt;→&lt;/ mo&gt; &lt;mi&gt; q &lt;/ mi&gt; ...

    WEB设计大全

    页脚网页 &lt;br&gt;&lt;br&gt;9.8.3 浮动窗口网页 &lt;br&gt;&lt;br&gt;9.8.4 可伸展网页 &lt;br&gt;&lt;br&gt;9.9 通用站点外观之路 &lt;br&gt;&lt;br&gt;9.10 小结 &lt;br&gt;&lt;br&gt;第10章 文本 &lt;br&gt;&lt;br&gt;10.1 媒体情况 &lt;br&gt;&lt;br&gt;10.1.1 用图形控制文本 &lt;br&gt;&lt;br&gt;10.1.2 举起...

    WEB设计大全(part2)

    页脚网页 &lt;br&gt;&lt;br&gt;9.8.3 浮动窗口网页 &lt;br&gt;&lt;br&gt;9.8.4 可伸展网页 &lt;br&gt;&lt;br&gt;9.9 通用站点外观之路 &lt;br&gt;&lt;br&gt;9.10 小结 &lt;br&gt;&lt;br&gt;第10章 文本 &lt;br&gt;&lt;br&gt;10.1 媒体情况 &lt;br&gt;&lt;br&gt;10.1.1 用图形控制文本 &lt;br&gt;&lt;br&gt;10.1.2 举起...

    Marquee的使用

    该标签支持的属性多达11个：&lt;br/&gt;&lt;br/&gt;align&lt;br/&gt;设定&lt;marquee&gt;标签内容的对齐方式&lt;br/&gt;absbottom：绝对底部对齐（与g、p等字母的最下端对齐）&lt;br/&gt;absmiddle：绝对中央对齐&lt;br/&gt;baseline：底线对齐&lt;br/&gt;bottom：...

    京东首页静态模板

    &lt;a href=""&gt;北京&lt;/a&gt;&lt;a href=""&gt;上海&lt;/a&gt;&lt;a href=""&gt;天津&lt;/a&gt;&lt;a href=""&gt;重庆&lt;/a&gt;&lt;a href=""&gt;河北&lt;/a&gt;&lt;a href=""&gt;山西&lt;/a&gt;&lt;a href=""&gt;河南&lt;/a&gt;&lt;a href=""&gt;辽宁&lt;/a&gt;&lt;a href=""&gt;吉林&lt;/a&gt;&lt;a href=""&gt;黑龙江&lt;/a&gt;&lt;a href...

    jQuery医院网站顶部导航代码.zip

    &lt;a href='./'&gt;&lt;img &gt;&lt;/a&gt; &lt;/div&gt; &lt;!-- 导航 --&gt; &lt;div class="dh_bg"&gt; &lt;ul&gt; &lt;li&gt; &lt;a &gt; &lt;i class="img dh_01HOME"&gt;&lt;/i&gt; &lt;span&gt;网站首页&lt;/span&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class="cur"&gt; &lt;a &gt; &lt;i class="img dh...

    淡蓝血色风格for dvbbs7.0 sp2

    orders=7&gt;用户列表&lt;/a&gt;&lt;font face=Wingdings color=666666&gt;v&lt;/font&gt; &lt;a href=mailto:Q888888@yeah.net&gt;联系站长&lt;/a&gt; &lt;font face=Wingdings color=666666&gt;v&lt;/font&gt; &lt;a href=rx/&gt;瑞星2004升级&lt;/a&gt;&lt;font face=Wingdings...

    曼波整站系统5.3.0

    改进最新文章模块&lt;br&gt;&lt;br&gt;1) 增加鼠标置上时显示完整标题&lt;br&gt;2) 增加时间显示可选参数：无, mm-dd, yyyy-mm-dd, yy-mm-dd, hh:mm&lt;br&gt;3) 取消参数“模块模式”&lt;br&gt;4) 汉化模块，加到后台语言文件中&lt;br&gt;&lt;br&gt;&lt;br&gt;6....

    前端，利用HTML和CSS制作的鲜花市场首页

    ...&lt;!--顶部区域--&gt; &lt;div class="top"&gt; ... &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;商城&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;产品&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;应用&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;服务&lt;/a&gt;&lt;/

    upup8网络购物系统英文(asp源码)下载

    支持图片、Flash&lt;br&gt;大类、小类广告：每个大类、小类可以自定义多个图片广告&lt;br&gt;浮动对联广告：后台可以控制开关的网站左右侧浮动广告&lt;br&gt;网站首页弹出窗口广告：可以自定义弹窗是否显示、显示大小、内容等&lt;br&gt;&lt;br&gt;...

    upup8网络购物系统正式版

    支持图片、Flash&lt;br&gt;大类、小类广告：每个大类、小类可以自定义多个图片广告&lt;br&gt;浮动对联广告：后台可以控制开关的网站左右侧浮动广告&lt;br&gt;网站首页弹出窗口广告：可以自定义弹窗是否显示、显示大小、内容等&lt;br&gt;&lt;br&gt;...

    必帮美女图片小偷 v1.0.rar

    daohang="&lt;a &gt;首页&lt;/a&gt; |&lt;a &gt;清纯靓丽&lt;/a&gt; | &lt;a &gt;美腿模特&lt;/a&gt; | &lt;a &gt;丝袜美腿&lt;/a&gt; | &lt;a &gt;美女自拍&lt;/a&gt; | &lt;a &gt;街拍美女&lt;/a&gt; | &lt;a &gt;展会模特&lt;/a&gt; | &lt;a &gt;香车美女&lt;/a&gt; | &lt;a &gt;梦幻景色&lt;/a&gt; | "  这个就是导航内容...

    FISHFANS论坛（dvbbs7修改美化版）

    &lt;br&gt; 首页顶部个人信息美化&lt;br&gt; 帖子对话框和个人信息栏美化&lt;br&gt; 双击滚屏&lt;br&gt; list.asp显示ＮＥＷ（根据回复时间）&lt;br&gt; 彻底解决各种弹出窗口，在绝对象素下显示越界问题&lt;br&gt; 修改了发贴心情、表情图、文本框等显示...

    红楼插件 for dvbbs 7.1

    “红楼钱庄”插件v2.1 for 动网7.1&lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; =====================&lt;br&gt; 安装说明：&lt;br&gt; =====================&lt;br&gt; 将所有文件传送到论坛&lt;br&gt; &lt;br&gt; ==============================&lt;br&gt; 在论坛顶部菜单里...

    八闽社区完美版

    8.修改了页面顶部空间不合理页面 &lt;br&gt; 9.增加了一些小图片美化页面 &lt;br&gt; 10.修改了广播方式[滚动式] &lt;br&gt; 11.增加了短信声音提示 &lt;br&gt; 12.修改斑竹显示方式[改为下拉形] &lt;br&gt; 13.增加了心情符号显示 &lt;br&gt; 14.增加了...

    WebPlayer2007

    TCP/IP协议、&lt;br&gt;IE6.0或以上版本&lt;br&gt;DirectX 8.0或以上版&lt;br&gt;&lt;br&gt;支持播放器自动升级支持自动更新，让您时刻享受到最优质的播放效果。&lt;br&gt;&lt;br&gt;支持Vista操作系统全面支持Vista操作系统，让您耳目一新。&lt;br&gt;&lt;br&gt;支持...

    Asp.Net Forums v2.2.1928 Beta 官方中文版

    修订删除贴子不能自动返回&lt;br&gt; 5.修订匿名回复贴子不在版块最后发表信息显示&lt;br&gt; 6.修订版主审核贴子&lt;br&gt; 7.修订更新版块信息时版主丢失&lt;br&gt; 8.修订报告链接&lt;br&gt; 9.修订主题已读&lt;br&gt; 10.修订版主设置不支持昵称&lt;br&gt; ...

    通过前向检测器验收，可以在大型强子对撞机上精确生成带电顶部的光影

    &lt;mi&gt; p &lt;/ mi&gt; &lt;mo Stretchy =“&gt;→&lt;/ mo&gt; &lt;mi&gt; p &lt;/ mi&gt; &lt;mi mathvariant =“&gt;γ&lt;/ mi&gt; &lt;mi&gt; p &lt;/ mi&gt; &lt;mo Stretchy =“&gt;→&lt;/ mo&gt; &lt;msubsup&gt; &lt;mi mathvariant =“&gt;Ï€&lt;/ mi&gt; &lt;mi&gt; t &lt;/ mi&gt; &lt;mo&gt;±&lt;/ mo&gt; &lt;/ ...

    THDM中的稀有顶部衰减和CP违反

    我们讨论了中性希格斯玻色子中CP甚至CP奇数混合导致CP... &lt;mrow&gt; &lt;mi mathvariant =“&gt; Br &lt;/ mi&gt; &lt;mo Stretchy =“&gt;（&lt;/ mo&gt; &lt;mi&gt; t &lt;/ mi&gt; &lt;mo Stretchy =“&gt;→&lt;/ mo&gt; &lt;mi&gt; c &lt;/ mi&gt; &lt;msup&gt; &lt;mi mathvariant =“&gt;Ï„

    免费爱情许愿墙源程序

    帐号密码都是:admin&lt;br&gt;功能增加和改良&lt;br&gt;&lt;br&gt;(1)广告管理功能&lt;br&gt;顶部广告 -- 显示在头部和主体之间 调用为 &lt;%=GenericHeader%&gt;&lt;br&gt;头部banner -- 此模版中没有显示 调用为 &lt;%=GenericTop%&gt;&lt;br&gt;内容广告 -- 自定义...

Magicbox
Global site tag (gtag.js) - Google Analytics