일반 용어로 눈에 거슬리지 않는 Javascript

일반 용어로 눈에 거슬리지 않는 Javascript는 무엇입니까?

---

일반 용어로 눈에 거슬리지 않는 Javascript는 무엇입니까? 예를 들어 이해를 돕는 것이 좋습니다.

---

위키피디아 기사를 확인하세요:

• 눈에 거슬리지 않는 자바스크립트

"Unobtrusive JavaScript"는 웹 페이지에서 JavaScript를 사용하는 일반적인 접근 방식입니다. 용어가 공식적으로 정의되지는 않았지만 기본 원칙은 일반적으로 다음을 포함하는 것으로 이해됩니다.

• 웹 페이지의 구조/컨텐츠 및 프리젠테이션에서 기능 분리("행동 계층")
• 기존 JavaScript 프로그래밍의 문제(예: 브라우저 불일치 및 확장성 부족)를 피하기 위한 모범 사례
• 고급 JavaScript 기능을 지원하지 않을 수 있는 사용자 에이전트를 지원하기 위한 점진적 개선[2]

따라서 기본적으로 프리젠테이션이나 html에서 동작이나 자바스크립트를 분리하는 것입니다.

예시:

<input type="button" id="btn" onclick="alert('Test')" />

동작과 프레젠테이션이 혼합되어 있기 때문에 눈에 거슬리지 않는 자바스크립트가 아닙니다. 는 onclickHTML에 없을해야하며, 자바 스크립트 자체를하지 HTML의 일부가되어야합니다.

위의 예를 사용하면 다음과 같이 눈에 거슬리지 않게 할 수 있습니다.

<input type="button" id="btn" />

자바스크립트:

var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

그 당시 우리는 아주 기본적인 예를 들어 자바스크립트를 html에서 분리했습니다.

메모:

wikipedia 기사에서 확인할 수 있는 것처럼 눈에 거슬리지 않는 자바스크립트가 더 있습니다.

ReferenceURL : https://stackoverflow.com/questions/4478795/what-is-unobtrusive-javascript-in-layman-terms