> 웹 프론트엔드 > JS 튜토리얼 > 다양한 브라우저 호환성 문제_기본지식

다양한 브라우저 호환성 문제_기본지식

WBOY
풀어 주다: 2016-05-16 19:24:15
원래의
1147명이 탐색했습니다.
스크립트를 사용한 온로드 이벤트 핸들 설정 정보

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]

IE 및 Opera Effective에서는 잘 작동합니다. 단, FF에서는 document.body.onload가 정의되지 않았거나(정의되지 않음) 함수가 정의되지 않았거나 오류가 아니기 때문에 FF가 실행되거나 오류를 보고하지 않는다는 점만 제외됩니다. .
이는 IE, Opera 및 FF에서 유효합니다.

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
스크립트 사용에 대해 Bind 이벤트 핸들

IE에서는 attachmentEvent를 사용하고 FF에서는 addEventListener를 사용
관련 논의는 다음과 같습니다.
http://search.blueidea .com/?q=addEventListener&bisearch=bbs

(기본적으로 몇개의 글을 읽어보시면 이해가 되실테니 자세한 내용은 다루지 않겠습니다. 읽으실 때 오래된 글에 댓글은 달지 말아주세요. 감사합니다)
참조 링크:
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs .blueidea.com/viewthread.php?tid=2507914
플로팅 코드 및 documentElement/body 정보

사람들은 xHTML 1.1 DTD에서 플로팅 광고/커플릿 코드를 사용할 수 없는 이유를 자주 묻습니다. 파일 헤더 / FF
이것은 표준에 따라 예를 들어 우리가 보는 양식의 스크롤 막대는 본문이 아니라 HTML(즉, document.documentElement 객체)이어야 하기 때문입니다그래서 해결책은 이전의 비표준 코드를 document.body .scrollTop에 넣거나 유사한 코드를 document.documentElement.scrollTop으로 변환하는 것입니다
ID 및 html 개체 요소 참조에 대해
있습니다. 이 문제에 대한 많은 이유. 그러나 기본 전제 조건은 IE의 경우 HTML 요소의 ID를 스크립트에서 변수 이름으로 직접 사용할 수 있지만 FF에서는 사용할 수 없다는 것입니다. 코드 복사
코드는 다음과 같습니다.

< input type= "button" value="click me" onclick="alert(t1.value)">
코드 복사
코드는 다음과 같습니다.



이벤트 객체 사용 차이점에 대해
IE에서는 이벤트가 발생하면 이벤트 관련 정보를 저장하는 전역 window.event 객체가 있습니다. 🎜>IE 전용

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다
]<script> document.body.onload=function(){alert("!")} </script>
FF 中,事件激发的时候,将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

此外,IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

参考
http://bbs.blueidea.com/thread-2667939-1-1.html
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿