JavaScript 코드는 HTML 코드 중 어느 위치에 두어야 합니까?

JavaScript 코드는 어디에 설치합니까?
일반적으로 JavaScript 코드는 HTML 문서 어디에나 JavaScript 코드를 배치할 수 있는 HTML 코드와 함께 사용됩니다.그러나 배치된 위치는 다음과 같이 JavaScript 코드의 정상적인 실행에 영향을 미칠 수 있습니다.
사이에 놓다
HTML 문서의 태그 사이에 JavaScript 코드를 배치하는 것은 일반적인 방법입니다.HTML 문서는 브라우저가 위에서 아래로 차례로 로드하므로 태그 사이에 JavaScript 코드를 배치하여 스크립트가 필요하기 전에 로드되었는지 확인할 수 있습니다.

 
  
  
  
  
  
  
  <br> …… 
  <br> JavaScript    
  <br> …… 
  <br>  
  
  
  
 ....

사이에 놓다
JavaScript 코드를 사이에 배치하는 경우도 있습니다.HTML 요소를 조작해야 하는 JavaScript 코드가 있습니다.그러나 HTML 문서는 브라우저가 위에서 아래로 차례로 로드하기 때문에 JavaScript 코드가 HTML 요소를 조작할 때 HTML 요소가 로드되지 않아 오류가 발생하지 않도록 하기 위해 다음과 같이 HTML 요소 뒤에 코드를 써야 합니다.

 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <br> document.getElementById("div1").innerHTML="    "; 
  <br>

但通常情况下，我们操作页面元素一般都是通过事件来驱动的，所以上面这种情况并不多见。另外我们不建议将 JavaScript 代码写到之外。

提示

如果 HTML 文档声明为 XHTML ，标签必须在 CDATA 部分内声明，否则 XHTML 将把标签解析为另一个 XML 标签，里面的 JavaScript 代码可能不会正常执行。因此，在严格的 XHTML 中使用 JavaScript 应该像如下示例一样声明：

 
  
  
  
  
  
  
  <br> <![CDATA[ 
  <br> JavaScript 代码 
  <br> ]]> 
  <br>  
  
  
  
 .... 
  
 
  
 
 以上两种将 JavaScript 代码写到 HTML 文档中的方式，都是 HTML 文档内部引用 JavaScript 代码的方式。除了内部引用，还可以使用外部引用方式。 
  
 
外部引用 JavaScript 代码 
 将 JavaScript 代码（不包括标签）单独形成一个文档，并以 js 后缀命名，如 myscript.js ，并在 HTML 文档  标签中使用 src 属性来引用该文件：
  
   
  
  
  
  
  
  
  
  
  
  
 .... 
  
 
 
  
외부 참조 JavaScript 코드를 사용하면 다음과 같은 이점이 있습니다. 1.JavaScript 코드에서 2.보기 흉한 CDATA를 사용하지 마십시오. 3.공용 자바스크립트 코드는 다른 HTML 문서에 다시 사용할 수 있고 자바스크립트 코드의 통일된 유지보수에도 도움이 된다. 4.HTML 문서가 더 작아서 검색엔진에 5.단일 JavaScript 파일을 압축, 암호화할 수 있습니다. 6.브라우저는 자바스크립트 파일을 캐시하여 광대역 사용을 줄일 수 있다. (여러 페이지가 자바스크립트 파일을 동시에 사용할 때 보통 한 번만 다운로드할 수 있다.)document을 직접 사용할 수 있는 경우 복잡한 HTML 엔티티를 사용하지 마십시오.write(2>1)는 문서를 작성할 필요가 없습니다.write(2<1) 
자바스크립트 코드를 외부 파일로 만드는 것도 서버의 HTTP 요청 부담을 증가시킬 수 있기 때문에 높은 병렬 요청 환경에서 이것은 좋은 정책이 아니다.또한 외부 js 파일을 인용할 때 파일의 정확한 경로를 주의해야 한다.
                
                    
        
    
    
    
    
    
                
                

                

                
                
                
                    
                        

                            
                            

                                
                                    

                                    이 내용에 흥미가 있습니까?
                                

                            
                            
                            
                            현재 기사가 여러분의 문제를 해결하지 못하는 경우  AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
                            
                                
                                다양한 언어의 JSON
                            
                            JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
                            
                            
                            

                            
                            텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
                            
                            CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

JavaScript 코드는 HTML 코드 중 어느 위치에 두어야 합니까?

좋은 웹페이지 즐겨찾기