어디에서 자바 스크립트 코드를 넣어야합니까?

자동 완성 코드를 사용하고 싶습니다. 코드는 here입니다.어디에서 자바 스크립트 코드를 넣어야합니까?

<script> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
    </script> 



<div class="demo"> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

</div><!-- End demo --> 



<div class="demo-description" style="display: none; "> 
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p> 
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p> 
</div><!-- End demo-description -->

그러나이 코드를 어디에 넣어야하는지 알 수 없습니다. 머리에? 시체에서?

출처

2011-01-10 Roman

예 신체 요소 안에 넣어야합니다.

출처

2011-01-10 14:30:53 programmer

당신이, 당신이 jQuery를 자체 플러그인 자동 완성, 그리고 당신이 의존하는 다른 라이브러리를 포함 시켰습니다 후 매우 끝 <body> 요소의, 에 넣어 할 수 있습니다. <body>의 끝 부분에 스크립트를 두는 것은 일반적으로 (이 글을 쓰는 시점에서 :-) 스크립트 실행에 대해 걱정할 필요없이 브라우저가 마크 업에 도달 할 수 있기 때문에 모범 사례로 간주됩니다.

출처

2011-01-10 14:32:04 Pointy

w3schools

에 따르면 그들이라는 을, 또는 이벤트가 트리거 될 때, 이 기능에 배치 될 때 실행되는 HEAD에

스크립트 스크립트를 넣어합니다. 기능을 머리 부분에 넣으십시오.이 부분은 모두 이며 한 곳에서 만 사용됩니다. 페이지 콘텐츠를 방해하지 않습니다. 당신이 당신의 스크립트가 함수 내부에 위치하거나 스크립트가 페이지의 콘텐츠를 작성해야하는 경우, 그것은 해야 할하지 않으려면

언제 BODY

에 스크립트를 넣어 본문 섹션에 배치됩니다.

귀하의 경우. 당신은 외부 파일로 넣어 body

출처

2011-01-10 14:32:33

힌트 : 여기를 참고로 w3schools를 사용하면 많은 비웃음과 비웃음이 발생합니다. 권위있는 정보원이 아닙니다. 다양한 품질의 정보가 포함 된 무작위 웹 사이트 일뿐입니다. 특히,이 충고는 단지 이상하고 실제로 포괄적이거나 정확하지 않습니다. – Pointy

확인. 그렇다면 올바른 정보를 찾는 방법은 무엇입니까? http://www.w3.org/TR/html4/interact/scripts.html은 내가 알 수있는 한 최선의 방법을 명시하지 않습니다. –

이것은 실제 사양에 나타나는 일종의 종류가 아닙니다. 좋은 블로그를 추적하고 Stackoverflow와 같은 사이트에서 좋은 답변을 읽는 문제입니다. 자바 스크립트 성능 (및 클라이언트 측 최적화가 일반적으로)은 최근에 매우 뜨거운 주제이며 "우수 사례"의견은 신속하게 진화합니다. – Pointy

에 스크립트를 넣어 다음 HTML 문서와 파일을 사용하여 링크 할 수 있습니다

<head> 
    ... 
    <script type="text/javascript" src="/scripts/my-script.js"></script> 
</head>

(당신이 HTML5를 사용하는 경우 type 속성을 건너 뛸 수 있습니다).

위의 방법이 가장 명확하고 일반적인 방법이지만 일부 연구에서는 가장 빠른 방법이 아니라는 것을 증명합니다. </body> 요소 바로 앞에 해당 JavaScript를 두어 jQuery.read() (이 경우 $(function() { ... });)을 생략 할 수 있습니다. 이 경우에는 몇 밀리 초 (또는 그보다 적은 시간)가 걸릴 것이지만, 나는 그것을 느낄 것을 강요 받고 있습니다.

출처

2011-01-10 14:41:19 Crozin

존 레지그 (John Resig)는 그런 식으로 생각하지 않습니다. 나는이 게시물 중 일부를 읽으므로 조심할 것입니다 – qwertymk

body 태그의 끝에 코드를 삽입해야합니다.

체크 아웃 Steve Souder's High Performance Web Sites - Evolution of Script Loading

여러 스크립트가 포함되어 있고 그들은 당신이 스크립트가 실행 순서를 볼 수있는, WebSiteOptimization.com's Article on the Defer Attribute을 확인, 당신을 위해 올바른 순서로로드 것이라고 자신을 설득해야하는 경우.

출처

2011-01-11 05:06:45

동의합니다. 페이지를 더 빨리로드 할 수 있도록 HTML 뒤에 JavaScript 함수를 선언하는 것이 좋습니다. 즉, 뷰를 먼저로드하여 (사용자가 페이지를 볼 수 있도록) 함수 선언을 마지막으로로드하는 것이 좋습니다. –

멋지게 구조화 된 html 페이지는 다음과 같이 정렬됩니다. 위쪽에는 CSS, 중간에는 HTML 콘텐츠, 마지막에는 JavaScript –

어디에서 자바 스크립트 코드를 넣어야합니까?

답변

관련 문제