js中的关于onClick事件的参数传递

js中的关于onClick事件的参数传递

学习教程tuzi2019-04-14 15:09:05A+A-
很多时候onclick事件是伴随着页面的跳转,也就会有相应的参数传递案。案例如下所示:
 
<a href="#" onclick='showTable(this)'>123</a>  #为你要跳转的页面  这个时候你传的参数就是123    
 
function  showTable(data){

       alert(data.innerHTML);//js写法

      alert($(data).html());//jquery写法

}
 
但有时候我们不想传点击的参数,也就是说点击后传别的参数,可以这样写:
 
<a href="#" onclick="showTable(this)" type="要传的参数">点击跳转</a>   或者写成 
 
<a href="#" onclick="showTable(this.type)" type="要传的参数">点击跳转</a>
 
  #为你要跳转的页面    这个时候你传的参数就是type的内容,也就是“要传的参数”
 
function  showTable(data){

//type 是你传的参数,所以这里你要进行获取

      var type = data.type;

    alert(type);

}
 
注:this是你当前的对象,一定要理解this这个关键字
点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。


本站所有资源展现图片仅供参考

资源爱好者 © All Rights Reserved.  
本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?aihao.org
广告合作|关于我们|网站地图|冀ICP备14009590号-1|冀公网安备13018302000072|