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上添加都可以达到需要的效果
这种方式来自于对网上各种处理方式的总结,谢谢那些高手们。
实例比较简单,都是关于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上添加都可以达到需要的效果
这种方式来自于对网上各种处理方式的总结,谢谢那些高手们。
相关文章推荐
- Javascript中的window对象基本属性和方法以及对alert,confirm,prompt的使用
- JavaScript中的String对象的常用方法、文本框对象的常用方法和事件、正则表达式的概念、正则表达式的几种构造方式、RegExp对象使用什么方法匹配正则表达式、
- JavaScript对象创建的几种方式及使用方法
- final和static使用的再思考,以及其在“类.方法”和“对象.方法”使用方式上的的区别
- javascript使用闭包模拟对象的私有属性和方法
- 【javascript笔记】 函数内部属性以及方法
- 十种JavaScript事件处理的使用方法
- struts2如何动态调用action的方法以及使用json插件范围json格式的javascript对象
- JavaScript实现为指定对象添加多个事件处理程序的方法
- JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target
- 深入浅出Javascript(三)创建自定义对象以及属性、方法
- 【javascript笔记】 函数内部属性以及方法<三>
- 对javascript基本对象的属性以及方法的实例介绍
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- 理解对象以及对象的属性、方法、事件
- [置顶] 深入浅出Javascript(三)创建自定义对象以及属性、方法
- javascript面向对象(对象的创建以及属性和方法的添加)
- JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)
- Ruby之旅(二) Ruby的基本语法以及对象的使用,方法的定义及调用,属性的定义及使用