>웹 프론트엔드 >JS 튜토리얼 >JS는 전체 페이지 document_javascript 기술의 구현 코드를 얻습니다.

JS는 전체 페이지 document_javascript 기술의 구현 코드를 얻습니다.

WBOY
WBOY원래의
2016-05-16 17:58:321064검색

주의가 필요한 유일한 사항:
innerText 및 textContent, innerHTML은 페이지를 표시할 때 사용할 수 없습니다. 그렇지 않으면 구문 분석됩니다. innerText와 textContent는 FF와 FF 이외의 브라우저 간의 차이점입니다.

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

var innerText = document.body.innerText ? 'innerText' : 'textContent';

위 문은 여러 판단을 피하기 위해 처음에 처리됩니다.
데모 텍스처:


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



< ;title>

 >< /pre> 

text/javascript ">
var 커넥터 = (function(){
var 커넥터 = null;
if(window.XMLHttpRequest){
connector = new XMLHttpRequest();
}else if(window .ActiveXObject){
connector = new ActiveXObject('Microsoft.XMLHTTP');
}
return 커넥터;
})(); innerText ? ' innerText' : 'textContent';
var handler = function(response){
document.getElementById('test').getElementsByTagName('pre')[0][innerText] = response; >}
connector.onreadystatechange = (function(callback){
return function(){
if(connector.readyState == 4){//여기서 커넥터.status == 200은 생략됩니다.
callback.call(connector,connector.responseText);
}
}
})(handler)
connector.open('GET',location.href,true);/ /이 페이지로 보내기
connector.send();


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:마우스 오버를 처리하기 위해 Jquery 플러그인을 확장할 때 inside_jquery 하위 요소가 있으면 스타일 깜박임이 발생합니다.다음 기사:마우스 오버를 처리하기 위해 Jquery 플러그인을 확장할 때 inside_jquery 하위 요소가 있으면 스타일 깜박임이 발생합니다.

관련 기사

더보기