首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

[转]- <a href="" onclick=" ">的一个小技艺

2012-11-01 
[转]--a href# onclick 的一个小技巧[/color]使用javascript的时候,通常我们会通过类似:??? a hr

[转]-- <a href="#" onclick=" ">的一个小技巧

[/color]使用javascript的时候,通常我们会通过类似:??? <a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.

如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>
a href=#与 a href=javascript:void(0) 的区别打开新窗口链接的几种办法
#包含了一个位置信息????????????????????? 默认的锚点是#top 也就是网页的上端而javascript:void(0)? 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等

打开新窗口链接的几种办法
1.window.open('url')
2.用自定义函数?
?? <script>?
??????? function openWin(tag,obj)?
??????? {?
??????????? obj.target="_blank";?
??????????? obj.href = "Web/Substation/Substation.aspx?stationno="+tag;?
??????????? obj.click();?
??????? }?
?? </script>
<a? href="javascript:void(0)" onclick="openWin(3,this)">杭州</a>
(注:该方法可以解决超级链接的onclick事件经过判断再设置href达到分类重定向的效果

?


转自:http://leowzy.iteye.com/blog/480795

?

热点排行