IE 와 Firefox 둘다 인식

js를 Firefox에서도 정상적으로 인식할 수 있도록 고치면서 몇가지 정리했습니다.

① document.all
IE의 document.all 은 이제 더이상 말할 나위도 없겠지요
As is
document.all.test

To be
document.getElementById('test')

② document.getElementByName
As is
IE 에서는 id(특정속성 제외)나 name 속성에 대해 모두 collection으로 반환됩니다
참고 http://www.jakartaproject.com/article/ ··· 98675436

To be
name 속성으로된 collection만 반환됩니다

③ IE 에서 사용하던 event는 Firefox에서 정상적으로 인식되지 않습니다.
즉 파라미터로 event 객체를 넘겨줘야 합니다
As is
<input type=text onkeydown="test()">
function test() {   alert(event.keyCode);
}

To be
<input type=text onkeydown="test(event)">
function test(e) {  alert(e.keyCode);
}

④ 단위가 필요한 곳은 정확한 단위를 입력해야 합니다
As is
<input type=button value=button style='border:3 black solid'>

To be
<input type=button value=button style='border:3px black solid'>

⑤ 객체 경로를 정확히 입력해야 합니다
<form name=f><input type=text name=test value="jakarta"></form>
As is
f.test.value

To be
document.f.test.value;

 
⑥ 속성 정의
<div id=test java=jakarta>아파치</div> 에 java라는 속성을 정의했다면
As is
document.all.test.java or document.getElementById('test').java

To be
document.getElementById('test').getAttribute('java')

⑦ innerHTML로 추가하기
<div id=test>아파치</div>
텍스트 추가
As is
document.all.test.innerHTML += "프로젝트";

To be
document.getElementById('test').appendChild(document.createTextNode("프로젝트"));

html 코드 추가
To be
var d = document.getElementById("test");
var p = document.createElement("p");
p.setAttribute("style", "color: #FF0000");
p.appendChild(document.createT­extNode("Hello"));
d.appendChild(p);

많이 귀찮아 지넹 -_-;;
⑧ object 생성
var obj=document.createElement('img');
obj.setAttribute('src','이미지경로');
to be continue.. ^^
IE만을 위한 레퍼런스
========================================
IE를 위한 HTML and Dynamic HTML 레퍼런스
http://msdn.microsoft.com/library/defa ··· ntry.asp

IE를 위한 DOM 레퍼런스
http://msdn.microsoft.com/workshop/aut ··· ects.asp



W3C 문서들
=======================================
W3C 한국어 번역판
http://www.w3c.or.kr/Translation/

웹 저작 도구 접근성 지침 1.0
http://gregshin.pe.kr/atag10/

CSS2 명세
http://trio.co.kr/webrefer/css2/cover.html

HTML 4.01 명세
http://trio.co.kr/webrefer/html/cover.html



Gecko 레퍼런스
=====================================
Gecko Dom 레퍼런스
http://www.mozilla.org/docs/dom/domref/

[출처] http://www.jakartaproject.com/article/javascripttip/111292956674400
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2010/03/25 19:15 2010/03/25 19:15
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5080

Trackback URL : http://tcbs17.cafe24.com/tc/trackback/5080

« Previous : 1 : ... 267 : 268 : 269 : 270 : 271 : 272 : 273 : 274 : 275 : ... 1009 : Next »
블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2024/11   »
일 월 화 수 목 금 토
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Statistics Graph

Site Stats

Total hits:
239723
Today:
375
Yesterday:
712