Prototype系列(2) prototype.js方法簡介

var Class = {

create: function() {

return function() {

this.initialize.apply(this, arguments);

}

}

};

Object.extend = function(destination, source) {

for (var property in source) destination[property] = source[property];

return destination;

};

Function.prototype.bind = function(object) {

var __method = this;

return function() {

//使用object對象替換__method中的this并且調用__method方法

return __method.apply(object, arguments);

}

};

//forEach方法：將this改為bind對象，并以參數this[i],i調用fn方法，this[i]是當前數組元素，i是當前索引

if (!Array.prototype.forEach){

Array.prototype.forEach = function(fn, bind){

for(var i = 0; i < this.length ; i++) fn.call(bind, this[i], i);

};

}

//each方法同forEach

Array.prototype.each = Array.prototype.forEach;

//返回字符串的駱駝寫法.e.g. "font-color".camelize() -> fontColor,處理css屬性時需要

String.prototype.camelize = function(){

return this.replace(/-D/gi, function(match){

return match.charAt(match.length - 1).toUpperCase();

});

};

var $A = function(iterable) {

var nArray = [];

for (var i = 0; i < iterable.length; i++) nArray.push(iterable[i]);

return nArray;

};

/*

* 如果傳入的參數為一個則返回一個element，否者返回一個數組

* */

function $() {

if (arguments.length == 1) return get$(arguments[0]);

var elements = [];

$c(arguments).each(function(el){

elements.push(get$(el));

});

return elements;

function get$(el){

if (typeof el == 'string') el = document.getElementById(el);

return el;

}

};

if (!window.Element) var Element = {};

Object.extend(Element, {

remove: function(element) {//刪除指定的元素

element = $(element);

element.parentNode.removeChild(element);

},

hasClassName: function(element, className) {//判斷指定的元素是否有相應的css class

element = $(element);

return !!element.className.match(new RegExp(""+className+""));

},

addClassName: function(element, className) {//給相應的元素加上指定的css

element = $(element);

if (!Element.hasClassName(element, className)) element.className = (element.className+' '+className);

},

removeClassName: function(element, className) {//給相應的元素刪除指定的css

element = $(element);

if (Element.hasClassName(element, className)) element.className = element.className.replace(className, '');

}

});

//返回具有相同css class的元素

document.getElementsByClassName = function(className){

var elements = [];

var all = document.getElementsByTagName('*');

$A(all).each(function(el){

if (Element.hasClassName(el, className)) elements.push(el);

});

return elements;

};

轉自：http://www.cnblogs.com/qixuejia/

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈