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

스크립트를 사용한 온로드 이벤트 핸들 설정 정보

[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 전용

<input type="button" onclick="alert(event.type)" onfocus="alert(event.type)">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<script> document.body.onload=function(){alert("!")} </script>
FF 中，事件激发的时候，将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only

<input type="button" onclick="alert(arguments[0].type)" onfocus="alert(arguments[0].type)">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

<script> function doEvent(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; alert(srcEle.value); } </script> <input value="click me" onclick="doEvent(arguments[0]);">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

参考
http://bbs.blueidea.com/thread-2667939-1-1.html