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

Shihira 發(fā)布于2019-08-22 10:49 / 744人閱讀

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

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

//參數(shù)：parentNode為父節(jié)點對象，className為class類名
//當沒有傳入指定的父節(jié)點對象時,默認獲取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執(zhí)行函數(shù)
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的問題

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91321.html

與JavaScript戀愛之數(shù)組（一）

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

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

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

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

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

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

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

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

摘要：為要檢測的對象構造函數(shù)創(chuàng)建的對象繼承了一個叫的屬性，該屬性指代該構造函數(shù)，即的原型。使用直接量創(chuàng)建的對象，也有一個叫的屬性，該屬性指代構造函數(shù)，所以直接量創(chuàng)建的對象的真正原型是，使用方法來檢測對象的原型并不可靠，在以后的文章中會提到。一、原型屬性 1、對象的原型屬性是用來繼承屬性的，這個屬性如此重要，我們通常稱為：對象的原型屬性或?qū)ο蟮脑汀ο蟮脑褪窃趯ο髮嵗臅r候就設置好的...

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