概述
转自http://wzfjesun.blog.163.com/blog/static/142456939201010304306750/
使用javascript的时候,通常我们会通过类似:
<a href="#" οnclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
<a href="#" οnclick="javascript:方法;return false;">提交</a>
以上是转载网上的一篇,而我实际上遇到的问题是
我在修改网上的一个有关 生成动态树的例子(Ajax方式实现)时,出现的一下情况:
假如:a下有子菜单a1,a2
对每个菜单都用到了 诸如<a href="testAction.do" οnclick="javascript:testmethod()">a</a>形式,
《我想说明一下,我在页面中采用的是frameset 嵌套frame的形式,左边是动态树菜单栏,右边是要显示的连接》
但因为a下有子菜单,所以当我点击a的时候,为了不想让页面有所变动,所以采用了一下方式:
<a href="javascript:void(0);" οnclick="javascript:testmethod();">a</a>
当然也可以写成如下:
<a href="javascript:void(null);" οnclick="javascript:testmethod();">a</a>
<a href="#" οnclick="javascript:testmethod();">a</a>
但不论怎样写,都出现一个问题,当第一次加载页面时,我点击a右边的页面不会变化,但当我点击了a下的子菜单后,再次点击a菜单式,右边的页面就会出现找不到页面的错误,在网上查到了上边的文章,所以可以做一下修改
<a href="javascript:void(0);" οnclick="javascript:testmethod();return false;">a</a>
大功告成!
最后
以上就是光亮冰棍为你收集整理的a href=# onclick= 使用技巧(转)的全部内容,希望文章能够帮你解决a href=# onclick= 使用技巧(转)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复