if (document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop ;//스크롤 막대 상단 l = document.documentElement.scrollLeft;//스크롤 막대 왼쪽 끝 w = document.documentElement.scrollWidth;//너비 스크롤 막대의 너비, 즉 페이지의 너비 h = document.documentElement.scrollHeight;//스크롤 막대의 높이 l = document.body.scrollLeft; w = document.body.scrollWidth ; h = document.body.scrollHeight; } return { t: t, l: l, w: ~ >
코드 복사
코드는 다음과 같습니다.
function getPageWidth(){
var pageWidth = window.innerWidth; if (typeof pageWindth != "number") { if (document.compatMode == "CSS1Compat") { pageWidth = document.documentElement.clientWidth; }
function(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/ / msie ([d.] )/)) ? Sys.ie = s[1] : (s = ua.match(/firefox/([d.] )/)) ? Sys.firefox = s[1] : ( s = ua.match(/chrome/([d.] )/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([d.] )/)) ? . Opera = s[1] : (s = ua.match(/version/([d.] ).*safari/)) ? Sys.safari = s[1] : 0;
if ( Sys .ie != null) { return ("firefox:" firefox);//firefox 브라우저 및 버전 번호 확인 } if (Sys.chrome != null) { return ("chrome:" Sys.chrome) ; // Chrome 브라우저 및 버전 번호 판단 } if (sys.opera! = Null) { Return ("Opera:" sys.opra ); } if (Sys.safari != null) { return ("safari:" Sys.safari);//Safari 브라우저 및 버전 번호 확인 } }
//요소를 동적으로 추가하면 모든 브라우저에서 구현할 수 있습니다. var newnode=document.createElement("input"); newnode.type="button"; newnode.value=" six "; //IE에서도 가능합니다 var newnode= document.createElement("");
15: 오른쪽 클릭을 보호할 때 Firefox는 oncontextmenu 이벤트에서 다른 것과 다릅니다.
16: 스타일과 스크립트를 동적으로 추가할 때 IE는 다른 브라우저와 다릅니다. 구체적으로 확인해보세요.