자바 스크립트, DOM의 기원

JavaScript의 기원

JavaScript는 넷스케이프에 의해, 썬마 이크로 시스템즈와 공동으로 개발했다. 자바 스크립트를하기 전에, 소프트웨어 하이퍼 텍스트 문서를 표시할 수의 웹 브라우저는 상당히 기본적인했다 조각. 자바 스크립트를 저장하는 웹 페이지에 몇 가지 여분의 양념을 추가로 도입하여보다 인터랙티브하게합니다. 첫 번째 버전, 자바 스크립트 1.0, Netscape Navigator의 2에 1995 년 데뷔했다. 자바 스크립트 1.0의 시간 '에서 릴리스 s의 넷스케이프 네비게이터. MS는 자사의 브라우저, Internet Explorer를 함께 잡으려고하고 신속 애먹더군요 브라우저 시장을 지배 자바 스크립트 버전과 함께하는 JScript라는 자체 언어를 VBScript를 공개하여 Internet Explorer의 3 배달과 넷스케이프의 리드를 따릅니다.이, 넷스케이프와 썬의, 함께 언어의 표준화에 대한 설정 응답 이메일uropean Computer 남anufacturers ssociation (ECMA의).

결과은 ECMAScript, 언어와 같은 언어에 대한 또 다른 이름이됐다. 비록 이름은 진짜로 붙어 절대, 우리는 정말 자바 스크립트 사용은 ECMAScript. 자바 스크립트,은 ECMAScript, JScript의 - 무엇이든 당신이 1996에 의해 땅을 확보했다 전화를 원하는대로 언급되어야합니다. 넷스케이프에서 버전 3의 브라우저와 MS는 두 도의 변화에 자바 스크립트 1.1 지원되는 언어. 난 자바 스크립트가 자바 프로그래밍 언어는 Sun Microsystems에 의해 개발된와는 아무 상관이 밖으로 가리 켜야합니다. 자바 스크립트를 원래 LiveScript 호출하려고 했어요. "처럼 좋은 회사에 자바 스크립트가"아마도 새로운 언어를 소리로 선정되었습니다. 불행히도,이 이름이 선택의 여지가 정말 유일한 사람의 마음에서 두 언어 - 그 사실은 웹 브라우저도 클라이언트의 형태로 사이드 자바 지원에 의해 증폭되었다 혼란을 혼란에 영향을 미쳤다. 그러나 반면, 자바의 강점 사실 그것이 이론적으로 거의 모든 환경에서 배포할 수있습니다 속에, 자바 스크립트, 항상. 자바 스크립트를 스크립팅 언어로 웹 브라우저의 굴레를위한했다.

이것은 그 자체가 전부 않는 프로그램과는 달리, 자바 스크립트 언어가 단순히 웹 브라우저에서 어떻게해야할지 알려주 것을 의미합니다. 웹 브라우저가 스크립트를 해석하고, 그래서 종종 unfavorably 자바 스크립트와 자바와 C와 같은 프로그래밍 언어로 컴파일 + 비교하면 모든 작동합니까 +. 하지만 자바 스크립트가 상대적으로 단순 또한 장점입니다. 왜냐하면 사람과 관계를 끊고 자신의 기존 웹 페이지에 스크립트를 붙여넣을 빠르게 원하는 언어를 채택 프로그래머 항목 이외의 낮은 장벽이있다. JavaScript는 또한 기회가 웹 브라우저의 측면을 조작하는 개발자를 제공합니다. 예를 들어, 언어가 될 수 높이, 너비와 같은 브라우저 윈도우의 속성을 조작하는 데 사용 및 게재 순위. 이런 방식으로 브라우저 자체의 속성이 주소의 생각 수있는 브라우저 객체 모델 (BOM을). 자바 스크립트의 초기 버전은 문서 객체 모델의 일종의 원시 제공.

어떤 문서 객체 모델인가?

즉, 문서 객체 모델 (DOM)은 문서의 내용은 개념의 방법입니다. 현실 세계에서는, 우리는 전 세계 개체 모델의 모든 공유에 전화 할게 뭔가. 우리는 개체의 환경에서 "자동차", "집"과 "나무"와 같은과 상당히 우리의 용어를 이해할 수있을 것이라고 확신이 용어를 사용하여 참조할 수있습니다. 우리가 서로 어떤 개체에 따라 단어를 구체적으로 동의를 참조하기 때문입니다. 만약 내가 "라고 말하고 차를 차고에,"그것을 생각하는 당신은 "조류 찬장에 뜻이 안 걸릴 안전합니다."우리의 세계 Object Model을 가시 개체에 있지만 - 그것도 적용이 제한되지 않습니다 개념.

예를 들어, 나는 "3 집 왼쪽에,"당신이 비치고를 참조하십시오 수도있습니다. 그 설명은, 3 "의 개념을"및 ""왼쪽으로 이해해야 할 말이있습니다. 만약 내가 그 설명을 누구에게, 또는 누구도 믿어선 안된다 오른쪽에서 다음 설명은 본질적으로 의미가 여부에 상관없이 단어를 이해할 수 있었을 왼쪽으로 말할 수 없어 누군가. 현실에서 사람들이 세계의 개념적 모델에 동의합니다 매우 간략한 설명 의미의 전체 수있습니다. 난 매우 "의 다른 의견을 내 개념 왼쪽"및 "제 3 확신할 수있습니다."그것은 웹 페이지와 같은 상황이에요. 자바 스크립트의 초기 버전을 개발자의 능력 쿼리 및 일부 웹 문서의 실제 내용을 조작할 수 - 주로 영상과 양식을 제공. 검색어 "이미지"및 "양식"미리 정의된 있었다 왜냐하면 JavaScript는 "문서"또는 "양식 '이라는 내용의 세 번째 이미지 주소',"로 표시 : 사용될 수있다

document.images [2] document.forms [ '내용']

문서 객체 모델이 처음으로, 임시 정렬 자주는 DOM 레벨 0으로 불립니다. 초기, 평온한 사이에서는 DOM 레벨 0의 가장 일반적인 사용 이미지를 전복과 일부 클라이언트 사이드의 양식을 검증했다. 하지만 넷스케이프와 마이크로 소프트의 브라우저의 4 세대, DOM을 정말 안좋게 등장.

브라우저 전쟁

넷스케이프 네비게이터 4 (NN4) 1997 년 6 월 발표되었고 10 월 올해에 의해, 인터넷 익스플로러 4 (IE4)도 발표했다. 두 브라우저의 이전 버전에 많은 개선을 약속했다, 어떤 자바 스크립트와 함께 사용하여 수행할 수있을 많은 추가로 DOM을 크게 확대했다. 웹 디자이너를 테스트하려면 최신 용어 드라이브를 격려했다 : DHTML을.

D 조 단어 : DHTML을

DHTML을 동적 HTML에 대한 짧은했다. 에서 자체 기술이 아니라, DHTML을 된 HTML, CSS, 그리고 자바 스크립트의 결혼 속기를 설명하기위한 용어이다. DHTML을 뒤에 이렇게 생각했다 : 당신은 요소로 웹 페이지를 표시하려면 HTML을 사용할 수있습니다. 당신은 스타일과 위치에 해당 요소를 CSS를 사용할 수있습니다. 당신은 조작 자바 스크립트를 사용할 수 있고. DHTML을 언급 즉시 그 스타일을 변경 이러한 세 가지 기술의 조합. DHTML을 사용하여 복잡한 애니메이션 효과를 갑자기 가능한되었다. 의이 같은 페이지 요소를 표시하려면 HTML을 사용한다고 가정해 봅시다 :

이건 내 요소입니다

그런 다음 CSS를 이런식으로 배치 스타일을 적용하는 데 사용할 수있습니다 :

# myelement (위치 : 절대; 왼쪽 : 50 픽셀; 가기 : 100px;)

그렇다면, JavaScript를 사용하면 페이지의 주위에 이동 myelement의 왼쪽 상단의 스타일을 변경할 수있습니다. 글쎄, 그 이론은 어쨌든했다. 개발자 불행히도, 둘 다 서로 다른 브라우저, 사용되지 않는 DOMs. 브라우저 제조 업체 똑같은 추진했다 있지만, 그들은 서로 완전히 다른 방법으로이 문제는 DOM에 접근.

클래쉬 브라우저

넷스케이프는 DOM 레이어라는 독자적인 요소를 사용했다. 이러한 레이어와 고유 ID를 부여받은 후 자바 스크립트를 통해이 같은 주소 :

document.layers [ 'myelement']

한편, MS는 DOM을 본 것 같은 요소 주소 것이다 :

document.all [ 'myelement']

차이점은 거기서 끝나지 않았다. 당신이 myelement의 왼쪽 위치를 알아낼 원한 xPos 변수에 할당한다고 가정해 봅시다. 넷스케이프 네비게이터 4에서 이렇게 할 것이다 :

var xPos = document.layers [ 'myelement']. 왼쪽;

여기 방법 Internet Explorer 4에서 똑같은 일을 할 것은 :

var xPos = document.all [ 'myelement']. leftpos;

이것은 명확하게 웃기는 상황이됐다. 개발자는 DOM 스크립팅 모든 종류의 달성에 자신의 코드를 포크로했다. 효과가 있음, 많은 스크립트를 두 번, 한번 NN4와 IE4 한번에 작성되었습니다. 간단히 브라우저 스니핑은 종종. DHTML을 가능성의 세계를 약속 올바른 스크립트를 제공하는 데 필요한했다. 하지만 아무도 실제로 그것을 사용하려고 시도하는 대신 고통의 세계를 발견했다. 전에도 DHTML을 더러운 (버즈 오래 된) 단어가 아니 었어. 기술을 신속하게 약을 모두에 걸쳐 지나칠 정도로 구현하기 어려운 것에 대한 명성을 획득했다.

표준 높이

그러나 제조 업체들은 브라우저를 차지하기 위해 자신의 전투에 종사하고, 바쁜 무기 경쟁 DOMs를 사용하여 자신의 전쟁에서, W3C는 조용히 함께 표준 문서 객체 모델 넣고 있었어요. 다행히도, 브라우저 벤더들은 상호 적개심을 따로 설정할 수있다. 넷스케이프, 마이크로 소프트, 그리고 다른 브라우저 제조 업체와 함께 W3C의 새로운 표준과 DOM을 레벨 1 10 월 1998 년 완성되었다 일했다. 우리가 예제로 다시 가서, 어떻게 새로운 표준 DOM을 것 같은 상황에서 태클을 살펴보겠습니다. 우리가 기억하기

아이디 myelement와 함께 우리의 왼쪽에 위치하므로 우리는 그 가치를 저장할 수있는이 적용되었습니다 가치를 확인하려는 변수 xPos있습니다. 여기에 우리가 사용하는 것이 구문은 :

var xPos =) ( 'myelement'document.getElementById. style.left

언뜻보기에, 그 이외의 이상 개선 표준, 독점 DOMs이 나타나지 않을 수도있습니다. 그러나, 표준 DOM을 훨씬 더 그 범위에서 야심. 반면 제조 업체들은 단순히 브라우저의 JavaScript를 사용하여 웹 페이지를 조작하는 몇 가지 방법을 원한다 W3C는 그것에 의해 사용될 수있는 모델을 제안 임의의 프로그래밍 언어를 조작 임의의 문서 작성 임의의 마크업 언어입니다.

브라우저 밖에서 생각하는

DOM을 어떻게 응용 프로그래밍 인터페이스 (API)로 알려져있다. API는 기본적으로 그시 상호 동의에 의해 합의되었습니다 규칙입니다. 실제 세계 등가물과 같은 일이있을 것이다 :

모스 부호
국제 표준 시간대
원소 주기율표

이 모든 것들의 표준이며, 그들은 그것을 쉽게 사람들이 의사 소통하고 협력합니다. 상황에서는 단일 대회 합의되지 않았기 때문에, 종종 비참한 결과입니다. , 통계 및 황실 측정 사이의 경쟁이 기억 적어도 하나의 실패 화성 탐사 결과이다. 프로그래밍의 세계에는 다양한 언어가 있지만 많은 비슷한 작업을합니다. 그래서 API를 너무 편리 이유입니다. 일단 당신이 표준을 잘 알고, 여러 다른 환경에서 적용할 수있습니다. 구문은 사용중인 언어에 따라 변경될 수있습니다하지만 대회가 그대로 유지됩니다.

동안 특별히이 문서는 DOM의 새로운 지식에 JavaScript와 DOM을 사용하여 초점을 혹시 XML 문서를 PHP 나 Python과 같은 프로그래밍 언어를 사용하여 분석할 필요가 그럼에도 매우 도움이 될 것입니다. W3C는 DOM을 정의하는 "플랫폼과 언어 중립 인터페이스 프로그램과 스크립트를 동적으로 액세스 및 콘텐츠, 구조를 업데이 트하실 수으로서, 문서의 스타일."강력한 범위와 표준 DOM의 독립과 함께, 그것을 머리와 어깨 장소 독점 DOMs 논쟁 브라우저 제조 업체에 의해 만들어진 위.

브라우저 전쟁의 끝Microsoft는 브라우저 시장 점유율 차지하기 위해 전투를했다. 아이러니하게도, 경쟁 DOMs의 충돌과 독점적인 마크업 최종 결과에 거의 영향을 미치지 않았다. Internet Explorer를 단순히 그 사실을 사전에 나온 모든 PC에 윈도우 운영 체제에 설치된의 미덕으로 승리 운명 지워졌다. 누가 브라우저 전쟁에 의해 어려운 맞은 사람들이 웹 디자이너. 크로스 브라우저 개발 악몽이되고있다. 뿐만 아니라 내가 전에 언급한 자바 스크립트를 구현 불일치로서, 두 개의 브라우저에서 CSS에 대한 지원 또한 매우 다양한 수준이다. 스타일 시트는 양쪽 브라우저에서 일한 스크립트를 생성 흑인 미술의 종류되었다. 반발 브라우저 제조 업체의 독자적인 입장을 반대하기 시작했다.

그룹 자체가 전화를 형성했다 승EB Standards P는또는 말벌의 짧은 roject (http://webstandards.org/). 첫 번째 과제는 그 말벌의 브라우저 업체 W3C 권고 사항 초안 - 매우 동일한 권고 브라우저 제조 업체들이 도와 줬다면을 채택하도록 장려했다 약속했다. 때문인지 말벌이나 회사의 내부 의사 결정의 결과로부터 압력 때문 훨씬 더 큰, 거기 웹 브라우저의 차세대 웹 표준을 지원합니다.

새로운 시작

Internet Explorer 5를 WC3의 표준 DOM을위한 지원, 동시에 노인, 독점적인 마이크로 소프트는 DOM. Netscape를 깨끗이 헤어 만들 어서 사용했던 브라우저를 출시하기로 결정에 대한 지원을 유지하고 내장과 함께 제공되는 공통점이 아무 NN4 내년. Netscape Navigator의 6도 버전 번호는 생략, 그리고 멀리, 더 많은 CSS를 지원하는 완전히 다른 렌더링 엔진을 사용. 또한, 표준 DOM을 지원하지만, 예전 넷스케이프는 DOM에 대한 하위 호환성을하지 않고. 두 Netscape와 Microsoft에서 제공하는 후속 출시 웹 표준에 대한 지원 증가 이전의 화신을 향상. 버전 6의 정체 불행히도, Internet Explorer의 개발에있다. 일부 문제가 여전히 CSS의 브라우저의 구현과 함께 남아서이 유감입니다. 는 DOM 레벨 1에 대한 지원, 그러나 단단한 암벽이다. 한편, 다른 브라우저에서는 현장에 나타났습니다. 애플은 2003 년 자사의 사파리 웹 브라우저에 데뷔, 거기에 의심의 여지가 그것 DOM 표준을 따르 것이라고했다.

파이어 폭스, 모질라, 그리고 카미노, 모든 Netscape 6과 7과 같은 오픈 소스 렌더링 엔진을 기반으로, DOM을위한 탁월한 지원합니다. 오페라 Konquerer 또한 훌륭한 DOM을 지원을 제공합니다. 활성화 사용하는 브라우저의 95 %가 오늘은 이상의 내장 DOM을 지원합니다. 90 년대 후반의 브라우저 전쟁을 잘 진정으로 우리가 뒤에 나타납니다. 비록 단일 브라우저를 완벽하게하는 W3C DOM을 구현하고있다, 모든 현대적인 브라우저 사양의 약 95 %를 차지하고있습니다. 이것은 이미 엄청난 양의 우리가 코드를 분기에 대해 걱정하지 않고 달성할 수있는 것을 의미합니다.에도 불구하고, 인생을 크게 웹 디자이너를위한 향상된 인터넷 익스플로러의 개발 침체됐던 것. 대신 갈래 코드와 스크립트를 작성하는 복잡한 브라우저 스니핑, 우리는 이제 한 번 뭔가를 작성하고 사방에 게시 위치에있는 최대 지냈다. 집중만 DOM 표준에 따라, 우리는 우리의 스크립트는 거의 보편적으로 작동 확인하실 수있습니다.

다음은 뭐지?

당신은 분명히 내 간단한 자바 스크립트를 역사 수업에서 걸릴해야 한가지 다른 브라우저를 다른 방식으로 동일한 작업을 수행하는 데 사용됩니다. 이것은 피할 수없는 사실, 그것도 쓰게 JavaScript가 스크립트를 작성하지 그냥 지배하는 방법을 문서에 대한 자바 스크립트를 작성했다. 모든 자바 스크립트가 기사를하는 방법을 예제로 자주 동일한 스크립트를 여러 브라우저에 대해 서로 다른 방법으로 작성된 보여줘야만 언어를 배울 시연이 목적입니다. 마찬가지로 코드는 대부분의 웹 사이트에있는 대부분의 자바 스크립트 문서에서 예제를 브라우저의 냄새와 코드 분기 전체 것으로 나타났다. 마찬가지로, 자바 스크립트에 대한 기술 참조 문서를 간단하게 함수와 메소드의 목록을 포함할 수없습니다. 브라우저가에 의해 지금 상황. 변경된 지원했다 그들은 또한 함수와 메소드를 문서로했다.

DOM의 표준화 덕분에 다른 브라우저가 거의 같은 방식으로 같은 일을 할. 이것은 그 때 뭔가 방법을 자바 스크립트와 문서 객체 모델을 사용하여 어떻게 우리는 브라우저의 불일치에 의해 말씀 않을거야 당신을 보여주는 뜻이에요. 제가이 문서에서 특정 브라우저의 언급을 피하기 위해 노력하겠습니다. 전도 해요 DHTML을 더 이상 용어를 사용하지 않을. 용어는 항상 더 나은 기술적 설명보다 마케팅 용어로 일했습니다. 한 가지만 들어, 혼동을 HTML이나 XHTML 형식의 또 다른 맛이 같군. 또한, 장기 수하물을 많이 온다. 만약 당신이 다른 사람에게는 90 년대 후반에 그것을 사용하여 DHTML을 언급했는데, 당신이 힘든 시간을 보내고 그것이 간단, 표준화된 기술을 지금. DHTML을 (X)로 된 HTML, CSS의 조합 및 참조했는데 그들을 설득거야 자바 스크립트,하지만 사실은, 무엇을 함께 이러한 것들을 바인딩은 DOM입니다. 만약 우리가이 과정을 설명하기 위해 어떤 용어를 필요는 좀 더 정확하게 사용하자. 그러나 장기 DHTML을 그 기준과 같은 용어를 적용하려면 코딩을 기반으로 해 오른쪽으로 보이지 않는 특정 코딩, 브라우저를 참조하는 데 사용될 수있습니다.

는 DOM 스크립팅 문서와 스타일 시트는 W3C 문서 개체 모델을 사용하여 조작을 설명하는 더 정확한 방법입니다. 반해 DHTML을 웹 문서에만, 스크립팅 DOM을 사용할 수있는 모든 표시된 문서의 저는 DOM API를 지원하는 모든 언어를 사용하여 함께 추천 . 웹 문서의 경우, JavaScript의 유비 쿼터스는 DOM 스크립팅을 위해 최선의 선택을합니다.

문서 자크 Goudreau에 의해 제출된

면책 조항 :우리의 웹사이트는이 문서의 콘텐츠에 대한 책임을지지 않습니다. Webarticles 무료로 정보 자원입니다.
중요 : 이 문서는 "자바 스크립트의 기원, DOM을"자동으로 소프트웨어에 의해 번역되었다. 우리는 유감이 발생했을 수있는 모든 맞춤법 오류에 대한 느낌. 양해해 주셔서 감사합니다.