您的位置:首页 > Web前端 > JavaScript

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

2013-11-18 14:59 1081 查看
这里主要介绍了三种调用内部方法的方式,同样也可以引申到调用对象的属性当中:

实例比较简单,都是关于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.onload=showmessage3;
 //window.onload=showmessage2;
 window.onload=showmessage;
  </script> 事件冒泡处理的不变方式:
 function newevent(event){
 var event=event?event:window.event;
 if(document.all)
  event.cancelBubble=true;
 else
  event.stopPropagation();
 }
 //该方式在任何一个响应时间的div上添加都可以达到需要的效果
这种方式来自于对网上各种处理方式的总结,谢谢那些高手们。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐