>  기사  >  웹 프론트엔드  >  통합 인터페이스: FireFox_javascript 기술에 IE 메소드 및 속성을 추가하기 위한 js 코드

통합 인터페이스: FireFox_javascript 기술에 IE 메소드 및 속성을 추가하기 위한 js 코드

WBOY
WBOY원래의
2016-05-16 19:15:58911검색

Z-Blog(순수 JS 버전)에서 코드를 실행하는 방법 문서에서는 FF가 insertAdjacentElement를 지원하지 않기 때문에 "코드 실행" 링크가 표시되지 않습니다. 오늘 구글링해서 좋은 글을 찾았습니다. 다음 스크립트를 iedom4moz.js 파일로 저장하고 모든 페이지에서 호출하세요. 이제 모든 작업이 완료되었습니다. 다같이 즐기는 것보다 혼자 즐기는 것이 더 좋아서 공유합니다 ^_^

코드복사 코드는 다음과 같습니다.

// JavaScript 문서
// 통합 인터페이스: FireFox에 대한 IE 메서드 및 속성 추가
if(window.Event){// 이벤트의 DOM 수정
/*
IE5 MacIE5 Mozilla Konqueror2.2 Opera5
이벤트 예 예 예
event.returnValue 예 아니요 no no 
event.cancelBubble yes no no no 
event.srcElement yes yes no no
이벤트 .fromElement 예 아니요 아니요
*/
Event.prototype.__defineSetter__("returnValue",function(b){//
if(!b)this.preventDefault ();
return b;
})
Event.prototype.__defineSetter__("cancelBubble",function(b){// 현재 이벤트 핸들러의 계층적 버블을 설정하거나 검색합니다
if(b)this.stopPropagation();
return b;
});
Event.prototype.__defineGetter__("srcElement",function(){
var node=this.target;
while(node.nodeType!=1)node =node.parentNode;
return node;
});
Event.prototype.__defineGetter__("fromElement",function(){//
var에서 나온 소스 노드를 반환합니다. 노드;
if(this.type=="mouseover")
node=this.관련Target
else if(this.type=="mouseout")
node=this.target ; 🎜> if(!node)return;
while(node.nodeType!=1)node=node.parentNode;
return node
})
Event.prototype.__defineGetter__( "toElement ",function(){// 마우스가
var node;
if(this.type=="mouseout")
node=this.관련Target;
else로 이동한 소스 노드를 반환합니다. if (this.type=="mouseover")
node=this.target;
if(!node)return
while(node.nodeType!=1)node=node.parentNode; > return node;
});
Event.prototype.__defineGetter__("offsetX",function(){
return this.layerX;
}); " offsetY",function(){
return this.layerY
})

if(window.Document){// 修수정Document적DOM 
  /* 
              IE5    MacIE5    Mozilla    Konqueror2.2    Opera5
  document.documentElement  예    예 s      예      예          아니요 
  document.activeElement    예    null 아니요      아니요          아니요 
  */ 
  } 
if(window.Node){// 修수정Node적 DOM 
  /* 
               IE5    MacIE5    Mozilla    Konque ror2.2    Opera5 
  Node.contains        예 예      아니요      아니요          예 
  Node.replaceNode      예    아니요      아니요      아니요          아니요 
  Node.removeNode        예    아니요      아니요   아니요    아니요 
  Node.childNodes        예    예      예      예          아니요     예    예      아니요      아니요          아니요 
  */ 
  Node.prototype.replaceNode=function(Node){ // 替换指定节点 
    this.parentNode.replaceChild(Node,this); 
    } 
  Node.prototype.removeNode=function(removeChildren){// 删除指정节点 
    if(removeChildren) 
      return this.parentNode.removeChild(this); 
    else{ 
      var range=document.createRange(); 
      range.selectNodeContents(this); 
      return this.parentNode.replaceChild(range.extractContents(),this); 
      } 
    } 
  Node.prototype.swapNode=function(Node){// 交换节点 
    var nextSibling=this.nextSibling; 
    var parentNode=this.parentNode; 
    node.parentNode.replaceChild(this,Node); 
    parentNode.insertBefore(node,nextSibling); 
    } 
  } 
if(window.HTMLElement){ 
  HTMLElement.prototype.__defineGetter__("all",function(){ 
    var a=this.getElementsByTagName("*");
    var node=this; 
    a.tags=function(sTagName){ 
      return node.getElementsByTagName(sTagName); 
     } 
    return a; ); 
  HTMLElement.prototype.__defineGetter__("parentElement",function(){ 
    if(this.parentNode==this.ownerDocument)return null; 
    return this.parentNode; 
    }); 
  HTMLElement.prototype.__defineGetter__("children",function(){ 
    var tmp=[]; 
    var j=0; 
    var n;
    for(var i=0; i      n=this.childNodes[i]; 
      if(n.nodeType==1){ 
        tmp[j ]=n; 
        if (n.name){ 
         if(!tmp[n.name]) 
           tmp[n.name]=[]; 
          tmp[n.name][tmp[n.name].length ]=n; 
         } 
        if(n.id) 
         tmp[n.id]=n; 
      } 
    return tmp;
    }); 
  HTMLElement.prototype.__defineGetter__("currentStyle", function(){ 
    return this.ownerDocument.defaultView.getCompulatedStyle(this,null); 
    }); 
  HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML){ 
    var r=this.ownerDocument.createRange(); 
    r.setStartBefore(this); 
    var df=r. createContextualFragment(sHTML); 
    this.parentNode.replaceChild(df,this); 
    return sHTML; 
    }) 
  HTMLElement.prototype.__defineGetter__("outerHTML",function(){ 
    var attr; 
    var attrs=this.attributes; 
    var str="<" this.tagName;
for(var i=0;i      attr=attrs[i]; 
      if(attr.specified) 
        str =" " attr.name '="' attr .value '"'; 
      } 
    if(!this.canHaveChildren) 
      return str ">"; 
    return str ">" this.innerHTML ""; 
    }); 
  HTMLElement.prototype.__defineGetter__("canHaveChildren",function(){ 
    switch(this.tagName.toLowerCase()){ 
      case "area": 
      case "base": 
case "basefont": 
      case "col": 
      case "frame": 
      case "hr": 
      case "img": 
      case "br": 
      case " input": 
      case "isindex": 
      case "link": 
      case "meta": 
      case "param":
        return false; 
      } >    true를 반환합니다. ; 
    }); 
  HTMLElement.prototype.__defineSetter__("innerText",function(sText){ 
    var parsedText=document.createTextNode(sText); 
    this.innerHTML=parsedText; 
    return parsedText; 
    }); 
  HTMLElement.prototype.__defineGetter__("innerText",function(){ 
    var r=this.ownerDocument.createRange(); 
    r.selectNodeContents(this); 
    return r.toString() ; 
    }); 
  HTMLElement.prototype.__defineSetter__("outerText",function(sText){ 
    var parsedText=document.createTextNode(sText); 
    this.outerHTML=parsedText; 
    return parsedText; 
    } ); 
  HTMLElement.prototype.__defineGetter__("outerText",function(){ 
    var r=this.ownerDocument.createRange(); 
    r.selectNodeContents(this); 
    return r.toString() ; 
    }); 
  HTMLElement.prototype.attachEvent=function(sType,fHandler){ 
    var shortTypeName=sType.replace(/on/,""); 
    fHandler._ieEmuEventHandler=function(e){ 
      window.event=e; 
      return fHandler(); 
      } 
    this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false); 
    } 
  HTMLElement.prototype.detachEvent=function(sType,fHandler){ 
    var shortTypeName=sType.replace(/on/,""); 
    if(typeof(fHandler._ieEmuEventHandler)=="function") 
      this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false); 
    else 
      this.removeEventListener(shortTypeName,fHandler,true); 
    } 
  HTMLElement.prototype.contains=function(Node){// 是否包含某节点 
    do if(Node==this)return true; 
    while(Node=Node.parentNode); 
    false를 반환합니다. 
    } 
  HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){ 
    switch(where){ 
      case "beforeBegin": 
        this.parentNode.insertBefore(parsedNode,this); 
        휴식; 
      case "afterBegin": 
        this.insertBefore(parsedNode,this.firstChild); 
        휴식; 
      case "beforeEnd": 
        this.appendChild(parsedNode); 
        휴식; 
      case "afterEnd": 
        if(this.nextSibling) 
          this.parentNode.insertBefore(parsedNode,this.nextSibling); 
        else 
          this.parentNode.appendChild(parsedNode); 
        휴식; 
      } 
    } 
  HTMLElement.prototype.insertAdjacentHTML=function(where,htmlStr){ 
    var r=this.ownerDocument.createRange(); 
    r.setStartBefore(this); 
    var parsedHTML=r.createContextualFragment(htmlStr); 
    this.insertAdjacentElement(where,parsedHTML); 
    } 
  HTMLElement.prototype.insertAdjacentText=function(where,txtStr){ 
    var parsedText=document.createTextNode(txtStr); 
    this.insertAdjacentElement(where,parsedText); 
    } 
  HTMLElement.prototype.attachEvent=function(sType,fHandler){ 
    var shortTypeName=sType.replace(/on/,""); 
    fHandler._ieEmuEventHandler=function(e){ 
      window.event=e; 
      return fHandler(); 
      } 
    this.addEventListener(shortTypeName,fHandler._ieEmuEventHandler,false); 
    } 
  HTMLElement.prototype.detachEvent=function(sType,fHandler){ 
    var shortTypeName=sType.replace(/on/,""); 
    if(typeof(fHandler._ieEmuEventHandler)=="function") 
      this.removeEventListener(shortTypeName,fHandler._ieEmuEventHandler,false); 
    else 
      this.removeEventListener(shortTypeName,fHandler,true); 
    } 
  } 
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.