IE와 FireFox(FF)_javascript 기술의 js와 css의 차이점

WBOY
풀어 주다: 2016-05-16 18:54:13
원래의
814명이 탐색했습니다.

IE와 FireFox(FF)의 js와 css
css:
1.
ul 태그의 FF에는 패딩 값이 있지만 여백 값은 없습니다. IE에서는
솔루션: ul의 패딩과 여백을 모두 0(또는 0이 아님)으로 설정합니다. 예: padding:0;margin:0;list-style:none; js:
1. IE의 innerText는 FF에 없습니다. textContent를 사용하세요.
예:


var obj=document.getElementById("_td")
var text
if(obj.innerText);
text=obj.innerText ;
} else if(obj.textContent) {
text=obj.textContent;
}


2. Ajax, IE에서는 객체 상태를 ReadyState로 사용할 수 있습니다. 하지만 FF에서는 ReadyState여야 하므로, ReadyState
로 작성하는 것이 가장 좋습니다. 3. IE와 FF에서 키보드 반환 값을 가져옵니다.

function test(e) {
var keyc=GetKeyCode(e)
alert(keyc)
function; GetKeyCode(e) {//다른 브라우저 키보드 이벤트 값 가져오기
var keyc;
if(window.event) {//ie 키보드 이벤트
keyc=e.keyCode
} else if( e.which) {//Firefox
keyc=e.which;
}
return keyc
}
4. 개체에 대한 제거 이벤트를 추가합니다.
.getElementById("_tname');
이벤트 추가:
if(obj.attachEvent) {
obj.attachEvent("onchange",function() {
otherfunction(params);//You 여기에서 실제 메소드에 매개변수를 전달할 수도 있고 다른 메소드를 직접 호출할 수도 있습니다.
})
} else if(obj.addEventListener) {
obj.addEventListener("change",function() {
otherfunction(params);
},false ; >if(obj.detachEvent) {
obj.detachEvent("onchange",test)
} else if(obj.removeEventListener); >obj.removeEventListener("change",test,false);
}*/
5.
IE의 Event.x 및 event.y
FF의 event.pageX 및 event.pageY만
event.clientX 및 event.clientY 속성 모두
해결책:
var x=e.x?e.x:e.pageX;//e는 이벤트 객체에 의해 전달된 매개변수입니다
6. .type 속성은 IE에서는 읽기 전용이지만 MF
7에서는 수정할 수 있습니다. IE에서는 getElementsByName() 및 (document.all[name] (성공적으로 테스트되지 않음))을 사용하여 div 요소를 얻을 수 없습니다. 획득할 수 없는 다른 요소가 있는지 여부는 알 수 없습니다.)
8. js를 통해 이벤트 트리거


인 onclick 이벤트 9. IE의 이벤트 객체에는 srcElement 속성이 있고, Firefox에서는 이벤트 객체에 target 속성이 있습니다.
var obj=e .srcElement?e .srcElement:e.target;//e는 이벤트 객체가 전달한 매개변수
//다음은 아직 테스트되지 않았습니다
10. FF에서 직접 정의한 속성을 얻어야 합니다. with getAttribute()
11 .Node 문제
ParentElement parement.children은 IE에서 사용되는 반면 parentNode는 FF parentNode.childNodes에서 사용됩니다.
IE와 FF에서는 childNodes의 첨자의 의미가 다릅니다. DOM 사양을 사용하며 빈 텍스트 노드가 childNodes에 삽입됩니다.
FF에는 노드에 대한 RemoveNode 메소드가 없습니다. 다음 메소드 node.parentNode.removeChild(node)를 사용해야 합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!