>  기사  >  웹 프론트엔드  >  head에 JS 코드를 배치하는 것과 body_javascript 기술의 차이점 분석

head에 JS 코드를 배치하는 것과 body_javascript 기술의 차이점 분석

WBOY
WBOY원래의
2016-05-16 17:58:511180검색

그렇다면 차이점은 무엇입니까? 먼저 예를 살펴보겠습니다.
첫 번째 수준 범주(예: 큰 범주) id="vSort0"이 있는 2단계 계단식 동적 드롭다운 목록 상자

코드 복사 코드는 다음과 같습니다.


functionchangelocation(id)
{… }


………………


이제 js 스크립트가 있습니다.
코드 복사 코드는 다음과 같습니다.



따라서 이 js 스크립트를 머리냐 몸이냐?
답은 본문에 넣는 것뿐만 아니라 id='vSort0'으로 정의된 목록 상자 뒤에 넣는 것입니다. 왜냐하면 이 js 스크립트에 document.form4.vSort0.selectedIndex가 포함되어 있기 때문입니다. head 또는 body id='vSort0' 이전에는 페이지가 로드된 후 순차적으로 코드가 실행됩니다.
왜 이렇게 많은 사람들이 js 스크립트를 머릿속에 집어넣는 것을 자주 볼 수 있나요? 오른쪽!
헤드에 보이는 js 코드에는 함수에 변수를 전달하는 onclick 및 기타 이벤트가 있기 때문입니다.
이것은 전역 개체를 정의하고 이 개체가 페이지의 버튼(등)과 관련되어 있으면 이를 본문에 넣어야 한다는 것을 의미합니다. head 부분을 로드하면 페이지가 head 부분을 로드할 때 버튼 등이 아직 정의되지 않았습니다. (로드 프로세스는 다음을 포함한 코드를 실행하는 프로세스이므로 로드되지 않았다고 말할 수도 있습니다. 정의), 당신은 얻을 수 있습니다. 그것은 단지 undefind일 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.