昨天在写JS的时候,突然写到一个超链接的时候,想到了下面的问题。
Html代码:
<a href="javascript:void(0)" onclick=""showMesg('zw1') >查看详情</a>
<a href="javacript:showMesg('zw1')" >查看详情</a>
JS代码:
<script>
function showMesg(obj){
}
</script>
于是想到上面的两个超链接有什么区别,虽然最后的效果是达到一样的,但究竟有什么区别呢?便查找资料,总结如下:
在一个超链接中可以使用href和onlick,有时要在a的标记同时使用,在同时使用时,有时让href起作用或者失效
(1)<a href="#" ></a>点击后不跳转页面,会将滚动条滚到页面最顶部
(2)<a href="#top" ></a>当页面显示到id为top的锚点位置
(3)<a href="#" onclick="javascript:方法"></a>
调用一个javascript方法,会将滚动条滚到页面最顶部
(4)<a href="#" onclick="javascript:方法;return false;"></a>调用一个javascript方法,不会将滚动条滚到页面最顶部
(5)<a href="javascript:void(0)" ></a>点击后没有任何操作(在IE中可能会引起一些问题,比如:造成gif动画停止播放等)
(6)<a href="javascript:void(0)" onclick="javascript:方法;"></a>调用一个javascript方法,不会将滚动条滚到页面最顶部
分享到:
相关推荐
javascript小技巧-js小技巧收集.docjavascript小技巧-js小技巧收集.doc
一套基于纯js实现的JavaScript典型应用技巧例子源码。
JavaScript小技巧全集
每一项都是js中的小技巧,但十分的实用! 107条常用知识点 欢迎大家前来分享 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序...
JavaScript应用技巧(二).pdf
<A class=a07 href="javascript:window.close()">关闭</A>
Javascript完全学习手册内容简介:本书分4篇14章,介绍Javascript的知识,全书内容包括:Javascript语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、使用Cookie和...
js技巧 javaScript编码技巧,里面包含了常用的网站开发的特效,例如新闻滚动条,弹出窗口,文字循环滚动等。
js使用小技巧
javascript小技巧,可以查看日常常用的javascript小技巧
javascript小技巧javascript小技巧javascript小技巧javascript小技巧javascript小技巧
各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含JavaScript、CSS、HTML 等;各种前端开发的小技巧及总结. web 笔记,记录自己学习前端的历程,记录自己学习的代码,包含...
200多个javascript小技巧,带目录索引
如果用户选择了 <a> 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。 2.herf定义 herf属性 定于语法:<a href="URL"> 3.定于语法与...
40种网页常用小技巧(JavaScript).
Javascript小技巧一箩筐
JavaScript小技巧整理篇(非常全)
js中的小技巧 每一项都是js中的小技巧,但十分的实用!