JavaScript对象内联函数的使用,对象内部方法和属性的使用,以及事件冒泡的处理方式

这里主要介绍了三种调用内部方法的方式,同样也可以引申到调用对象的属性当中:

实例比较简单,都是关于JavaScript基础的书写。

<script type="text/javascript">
 function myfunction(){
  var stunum="123456";//内联方式
  var stuname="jack";
  function check(){
   if(this.stunum=="123456"&&this.stuname=="jack"){
    return true;
   }
   return false;
  }
  
  return check;
 }
 var myfunction2={//通过对象创建
  stunum:"123456",
  stuname:"jack",
  check:function(){
   if(this.stunum=="123456"&&this.stuname=="jack"){
    return true;
   }else{
    return false;
   }
  }
 };

 function showmessage(){//调用第一个函数
  if(myfunction()){
   alert("inner success");
  }
  else{
   alert("inner error");
  }
 }
 function showmessage2(){
  if(myfunction2.check()){
   alert("load method success");
  }else{
   alert("load method error");
  }
 }
 function myfunction3(){}//这样的方式需要创建新的对象
 myfunction3.prototype.stunum="123456";
 myfunction3.prototype.stuname="jack";
 myfunction3.prototype.check=function(){
  if(myfunction3.stunum=="123456"&&myfunction3.stuname=="jack"){
   return true;
  }else{
   return false;
  }
 }
 function showmessage3(){
  var my=new myfunction3();//新建对象
  if(my.check){
   alert("third mothed success");
  }else{
   alert("mothed error");
  }
 }
 
 
 //window.οnlοad=showmessage3;
 //window.οnlοad=showmessage2;
 window.οnlοad=showmessage;
  </script>

事件冒泡处理的不变方式:

 function newevent(event){
 var event=event?event:window.event;
 if(document.all)
  event.cancelBubble=true;
 else
  event.stopPropagation();
 }
 //该方式在任何一个响应时间的div上添加都可以达到需要的效果


这种方式来自于对网上各种处理方式的总结,谢谢那些高手们。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值