html中链接<a>------------如何设置空链接或者无效链接
2015-07-07 11:33
477 查看
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>
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)
转自:http://blog.csdn.net/lzh1160/article/details/5724386
<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>
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)
转自:http://blog.csdn.net/lzh1160/article/details/5724386
相关文章推荐
- Web之旅第一站——HTML
- html运用(一) 如何将一个HTML页面嵌套在另一个页面中
- HTML Form表单详解
- 学习html(8)
- gcov、lcov与genhtml 使用心得
- HTML代码简写法:Emmet和Haml
- 从后台action传过来的字符串不能被解析html代码 解决办法和struts2 里escape="false"的问题
- 常用特殊符号的HTML代码(HTML字符实体)
- html canvas svg 学习
- HTML规范 - 邮件内容
- HTML规范 - 内容语义
- HTML规范 - 代码格式
- HTML规范 - 整体结构
- Html 语法学习笔记一
- Html 语法学习笔记一
- 动态绑定HTML
- MVC中使用HTML Helper类扩展HTML控件
- html 学习知识
- HTML基础介绍一(基本构造head,body,字体,段落)
- html转义英文双引号