收集的几个不错的javascript类小例子_js面向对象_动视

收集的几个不错的javascript类小例子_js面向对象

2020-11-27 20:38:26 责编:小采

具体功能运行后看效果

<mip-img popup id=img1></mip-img></img>

function f1() 
{ 
 output.innerHTML+="f1 runs!!
"; 
} 
function f2() 
{ 
 output.innerHTML+="f2 runs!!
"; 
} 
function f3() 
{ 
 output.innerHTML+="f3 runs!!
"; 
}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
顺便贴上winter以前写的东西
winte有空的时候快来帮我加点注释
我加不动了……

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一个功能更强大的

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>新建网页 1</title> 
 
if(typeof asfman == "undefined") asfman = {}; 
//through below method dispath events should note:addEventListener's eventType should not conflict with method 
asfman.onMethodExecute = function(obj,method,eventType,beforeMethod,evt) 
{ 
 var old = obj[method] || function(){}; 
 evt = evt || {}; 
 obj[method] = function() 
 { 
 evt.arguments = arguments; 
 beforeMethod && this.dispatchEvent(eventType,evt); 
 old.apply(this,arguments); 
 beforeMethod || this.dispatchEvent(eventType,evt); 
 } 
} 
asfman.EventManager = function() 
{ 
 this.dispatchEvent = function(eventType, eventArgs) 
 { 
 eventArgs = eventArgs || {}; 
 var events = this["on"+eventType]; 
 var called = 0;

if(events && typeof(events) == "function") events = [events]; 
 if(!eventArgs.type) eventArgs.type = eventType; 
 
 if(events) 
 { 
 var len=events.length; 
 var capturer=events.capturer; 
 var capturerName=events.capturerName; 
 var evt; 
 for(var i=0;i<len;i++) 
 { 
 evt = events[i]; 
 called++; 
 evt.call(this,eventArgs); 
 if(!eventArgs.cancelBubble && called == len && capturer && capturerName && capturer[capturerName]) 
 { 
 //if eventArgs.cancelBubble is not set true and..,run the capturer function 
 capturer[capturerName](eventArgs); 
 } 
 if(called == len && eventArgs.defaultOp) 
 { 
 //if exists the defaultOp function ,run it 
 eventArgs.defaultOp.call(this, eventArgs); 
 } 
 } 
 } 
 else if(eventArgs.defaultOp) 
 { 
 eventArgs.defaultOp.call(this, eventArgs); 
 } 
 } 
 
 this.captureEvents = function(target, eventType, capturerName, closure) 
 { 
 if(typeof capturerName == "function") 
 { 
 closure = capturerName; 
 capturerName = null; 
 } 
 capturerName = capturerName || "on" + eventType; 
 
 target["on"+eventType] = target["on"+eventType] || [function(){}]; 
 var events = target["on"+eventType]; 
 if(typeof(events) == "function") 
 { 
 target["on"+eventType] = [events]; 
 } 
 
 target["on"+eventType].capturer = this; 
 target["on"+eventType].capturerName = capturerName;

if(closure) this[capturerName] = closure; 
 }

this.addEventListener = function(eventType, closure) 
 { 
 if(this["on"+eventType] == null) 
 { 
 this["on"+eventType] = []; 
 } 
 var events = this["on"+eventType]; 
 if(events && typeof(events) == "function"){ 
 this["on"+eventType] = [events]; 
 events = this["on"+eventType]; 
 } 
 events.push(closure); 
 return closure; 
 }

this.removeEventListener = function(eventType, closure) 
 { 
 var events = this["on"+eventType]; 
 if(events && typeof(events) == "function") 
 events = [events]; 
 
 for(var i = 0; i < events.length; i++) 
 { 
 if(events[i] == closure) events.splice(i, 1); 
 } 
 return closure; 
 } 
} 
</ script> 
</head>

<body> 
click on me 
 
 
var obj1 = document.getElementById("test"),obj2 = document.getElementById("test2"); 
asfman.EventManager.call(obj1); 
obj1.addEventListener("test",function(){obj2.innerText = " test ";}); 
obj1.addEventListener("test",function(){alert("test");}); 
asfman.onMethodExecute(obj1,"onclick","test"); 
</ script> 
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下载本文

显示全文

全部频道