JavaScript 태그 위치 저장과 function_javascript 기술 사이에 어떤 관계가 있는지 토론하십시오.
- WBOY원래의
- 2016-05-16 15:19:511037검색
웹페이지에서는 HTML 파일의 어느 곳에나 JavaScript 코드를 배치할 수 있지만 일반적으로 head 또는 body 태그 안에 배치됩니다.
일반적으로 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소가 배치되는 위치는 해당 기능과 밀접한 관련이 있습니다.
1. 93f0f5c25f18dab9d176bd4f6de5d30e에 넣습니다.
3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소는 브라우저가 처음에 읽을 수 있도록 헤드에 배치되며, 전체 웹페이지가 처음 구문 분석될 때 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소가 로드되어 실행됩니다. 00033d692a9e93b414f9ab46eebabd14
그런 다음 렌더링을 아래쪽으로 구문 분석합니다.
응용 프로그램: 예를 들어 페이지 표시 초기화를 위한 js는 헤드에 배치되어야 합니다.
2. 6c04bd5ca3fcae76e30b72ad730ca86d 섹션에 넣습니다.
브라우저는 페이지 태그를 순서대로 구문 분석하고 JavaScript 코드를 읽으면 명령문을 실행합니다.
그러나 일부 JS 함수는 이벤트를 통해 호출되므로 페이지의 위치가 적용 시간에 영향을 주지 않으므로 프런트엔드 성능 문제를 고려한 후 실행되지 않는 함수를 배치하면 됩니다. 먼저 이벤트 호출을 위한 JS 코드는 본문 하단에 배치됩니다.
작성하고 살펴보세요:
<!DOCTYPE HTML>
<html>
<head>
<title>JS代码的位置</title>
<script type="text/javascript">
document.write("I'M HEAD javascript");
</script>
</head>
<body>
<script type="text/javascript">
document.write("I'M body javascript");
</script>
</body>
</html>
위에서 보면 자바스크립트 태그 위치 저장이 그 기능과 밀접한 관련이 있음을 알 수 있습니다. 이 글이 모든 분들께 도움이 되었으면 좋겠습니다.