JavaScript 프로그램 개발_javascript 기술에서 JS 코드를 배치할 위치
- WBOY원래의
- 2016-05-16 15:19:491848검색
페이지에서 JavaScript가 사용되는데, 이러한 JS 코드는 어디에 배치해야 할까요? 살펴보겠습니다.
일반적으로 인터페이스에서 작성하는 방법과 .js 파일을 사용하는 방법이 있습니다.
1.1 인터페이스의 헤드 부분
은 아래와 같이 head 태그에 직접 배치할 수 있습니다.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>testPage</title> <script type="text/javascript"> //your js code </script> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html>
1.2 인터페이스의 본체 부분
보통 아래와 같이 신체 부위에 직접 배치됩니다
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>testPage</title> </head> <body> <form id="form1" runat="server"> <div> </div> </form> <script type="text/javascript"> //your js code </script> </body> </html>
헤드에 배치하는 것과 바디에 배치하는 것에는 차이가 없습니다. 일반적으로 코드의 양이 많지 않고 현재 페이지에서만 이러한 js를 사용하는 경우 인터페이스에 직접 작성합니다.
2.JS 파일
복잡하고 코드가 많은 JS의 경우 특수한 .js 파일에 넣은 다음 js 파일의 상대 경로에 따라 페이지에서 참조하는 것이 가장 좋습니다.
이것의 장점은 많은 js 코드 중복을 방지할 수 있다는 것입니다. 일부 공개 js 메소드는 외부 js 파일에 배치될 수 있습니다.
예를 들어 Visual Studio 2010을 사용하여 만든 asp.net 프로젝트에는 일반적으로 jquery-1.4.1.js 파일이 포함되어 있습니다. 이 js 파일을 사용하는 방법을 살펴보겠습니다.
예를 들어 페이지의 파일 구조는
MyJSFrm.aspx에서 이 js 파일을 사용하려면 다음과 같이 가져옵니다.
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>testPage</title> </head> <body> <form id="form1" runat="server"> <div> </div> </form> <script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script> <script type="text/javascript"> //your js code </script> </body> </html>
즉, 상대 디렉터리를 사용하는 것을 잊지 마세요. 현재 페이지 파일의 디렉터리 수준이 상대적으로 깊은 경우 ../를 사용하여 디렉터리 수준을 직접 계산하세요.
js의 세 가지 위치의 차이점:
머리 :
-- 스크립트를 호출하면 로딩이 완료되었습니다
--
본문:
-- 페이지가 생성되면 로딩이 완료되었습니다
--
외부 js:
--외부 js 참조 참고: 외부 js에는 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그 두 개를 포함할 수 없습니다.
-- 주로 여러 페이지에서 동일한 js 함수를 반복적으로 호출할 때 각 페이지에 동일한 js 코드를 삽입해야 하는 필요성을 줄이기 위해