A herf="#" 的问题
来源:互联网 发布:北京软件开发公司 编辑:程序博客网 时间:2024/04/30 08:43
三、我们开始进一步完善HTML代码。无序列表UL增加一些链接:
Example Source Code [www.52css.com]
<ul class="woaicss_title woaicss_title_bg1" id="woaicsstitle">
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(1)">52CSS.com</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(2)">Div CSS教程</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(3)">CSS布局实例</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(4)">WEB标准化</a></li>
</ul>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(1)">52CSS.com</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(2)">Div CSS教程</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(3)">CSS布局实例</a></li>
<li><a href="javascript:void(0)" onclick="javascript:woaicssq(4)">WEB标准化</a></li>
</ul>
1、我们为无序列表UL应用了两个类woaicss_title、woaicss_title_bg1,第一个类可以对UL及LI、链接进行整体的外观控制。以实现整体美化效果。我们也为无序列表UL指定了一个id为woaicsstitle,目的在于可以应用javascript进行样式控制。
2、我们增加了四个链接,并对链接目标指定为:javascript:void(0)。我们应该了解,当链接为“#”时,浏览器会回到页面顶部。而此处我们并不希望看到这样的结果,因为在很多情况下,我们的切换框并不一定是在网页的第一屏,如果点击链接回到顶部,访客就不会立即看到内容层所出现的变化。失去了制作标签切换效果的意义。
3.而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。
4.A herf="#" 表示一个空锚,
#包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是
跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)
- A herf="#" 的问题
- [自用门户]a标签锚点,跳转链接时候写一个name,用跳转的herf="#name"
- 改变herf链接的style
- a herf = "这里要填什么" onclick = "方法">
- <a>herf 里面会产生空格
- 阻止a标签herf属性跳转
- 解决在表单中,window.location.herf无法跳转的问题
- <a> 里面herf执行JS函数的处理办法,网上找的一个比较靠谱的
- javascript实现<area herf="...">新窗口打开
- 怎么用a herf 来实现浏览器实现文件下载
- a 标签中 herf引用action对象参数
- 得到一个网页的所有herf 链接代码
- 项目感受之Easyui tabs的herf和content属性
- 项目感受之Easyui tabs的herf和content属性
- jquery 禁止herf跳转,并执行相应的js代码
- jQuery 属性选择器 Demo like: element[herf*='value']
- a=a+1;的简单问题
- a=a+1;的简单问题
- 求助 SUM 和ROUP BY 的使用方法。感激不尽~!!![
- MySQL常用操作语句
- 系统引导管理器GRUB
- MySql 的unique key 与 primary key
- magento -- 正式发布网银在线Motopay信用卡站内支付收款模块
- A herf="#" 的问题
- 什么是“跨进程 API Hook”?
- JDBC工具类(ConDB、Dao、MyProperties、MyException、db属性文件)
- 右值引用
- 看网络商城如何赢得消费者青睐
- Symbian快速签名流程详解
- cat、more、less用于显示文件时的区别
- The annoying problem about my BIG TOE
- 文件选择类JFileChooser用法