與JavaScript戀愛之關于DOM對象相關的兼容封裝（一）

Shihira 發布于2019-08-22 10:49 / 738人閱讀

摘要：兼容獲取指定對象下具有指定類名的對象參數為父節點對象，為類名當沒有傳入指定的父節點對象時默認獲取下所有的指定類事件綁定兼容需要綁定事件的元素，事件類型，執行函數級及以下級

1、兼容獲取指定DOM對象下具有指定類名的DOM對象

//參數：parentNode為父節點對象，className為class類名
//當沒有傳入指定的父節點對象時,默認獲取document下所有的指定類
function getClass(parentNode,className){ 
    var parentObj=parentNode||document; 
    var childrens=parentObj.getElementsByTagName("*");
    var reg=new RegExp("(s+|^)"+className+"(s+|$)");
    var arr=[];
    for(var i=0;i
2、事件綁定兼容
//element需要綁定事件的元素，type事件類型，handler執行函數
var eventBind={
        getEvent:function(event){
                return event?event:window.event;
        },
    addEvent:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);//DOM2級
        }else if(element.attachEvent){
            element.attachEvent("on"+type,handler); //IE8及以下
        }else{
            element["on"+type]=handler; //DOM0級
        }
    },
    removeEvent:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type,handler);
        }else{
            element["on"+type]=null;
        }
    },
    getTarget:function(event){
                return event.target?event.target:event.srcElement;
        },
    propagation:function(event){
               if(event.propagation){
                    return event.propagation();
               }else{
                    return event.cancelBubble=true;
               }
        },
    preventDefault:function(event){
               if(event.preventDefault){
                    return event.preventDefautl();
               }else{
                    return event.returnValue=false;
               }
        }
};
eventBind.addEvent(domObj,"click",getHtml); 
function getHtml(event){
   var event=event||window.event;
   console.log(event.target.innerHTML);
}

云服務器 GPU云服務器 javascript的dom對象關于使用linux的相關軟件 javascript的dom編程關于javascript的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91321.html

與JavaScript戀愛之數組（一）

摘要：一認識數組數組是值的有序集合。每一個值叫一個元素，每一個元素在數組中有一個位置，以數字表示，叫做索引。數組的索引類似于對象的屬性名等價于每個實例數組都繼承自中的屬性。構造函數傳入多個參數時參數為元素。一、認識數組數組是值的有序集合。每一個值叫一個元素，每一個元素在數組中有一個位置，以數字表示，叫做索引。第一個元素的索引為0，數組有一個length屬性，為數組的元素個數，length比...

fantix 2019-08-22 10:50 評論0 收藏0
與JavaScript戀愛之數組（三）

摘要：一循環使用參數為對象，返回一個數組，為對象屬性名的集合不可枚舉的除外。數組循環數組循環方法：for循環，forEach(),for/in。一、for循環1.使用Object.keys()參數為對象，返回一個數組，為對象屬性名的集合(不可枚舉的除外)。IE8+，然后使用for循環得到對象的值的集合。 var o={a:1,b:2,c:3}; Object.defineProperty(...

mengera88 2019-08-22 10:50 評論0 收藏0
JS干貨｜瀏覽器缺陷、瀏覽器的缺陷修復等五大開發問題解決之道

摘要：圖對可復用代碼挑戰最大的五項問題五大開發問題如下。瀏覽器的缺陷修復。瀏覽器缺失的功能。復雜的地方是，當前瀏覽器會在未來的瀏覽器版本中被修復。假設瀏覽器引起常見的網站問題為解決瀏覽器使用特殊技巧，將來瀏覽器發布新版本修復了，就會出現問題。任意一段重要的代碼都需要關注無數的開發問題。但是，其中對可復用JavaScript代碼挑戰最大的五項問題如圖14.2所示。 showImg(https...

qiangdada 2019-08-26 13:43 評論0 收藏0
與JavaScript戀愛之對象序列化

摘要：對象序列化是指對象狀態轉為字符串，也可以將字符串還原為對象。提供了和兩個方法使用該方法序列化對象。只能序列化對象的可枚舉的屬性，對于一個不能序列化的屬性將在對象序列化后生成的字符串中省略掉這個屬性。對象序列化是指對象狀態轉為字符串，也可以將字符串還原為對象。ECMAScript5提供了JSON.stringify()和JSON.parse()兩個方法：1、JSON.stringify...

includecmath 2019-08-22 10:48 評論0 收藏0
與JavaScript戀愛之對象的三個屬性

摘要：為要檢測的對象構造函數創建的對象繼承了一個叫的屬性，該屬性指代該構造函數，即的原型。使用直接量創建的對象，也有一個叫的屬性，該屬性指代構造函數，所以直接量創建的對象的真正原型是，使用方法來檢測對象的原型并不可靠，在以后的文章中會提到。一、原型屬性 1、對象的原型屬性是用來繼承屬性的，這個屬性如此重要，我們通常稱為：對象的原型屬性或對象的原型。對象的原型是在對象實例化的時候就設置好的...

wanglu1209 2019-08-22 10:48 評論0 收藏0