我应该在哪里放置我的JavaScript代码？

Question

我想使用自动完成代码.代码在这里.

<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 -->

但是,我无法弄清楚我应该把这段代码放在哪里.在头？身体？

Answer 1

根据w3schools

何时将脚本放在HEAD中

调用时或触发事件时要执行的脚本放在函数中。将您的功能放在开头部分，这样可以将它们全部放在一个位置，并且不会干扰页面内容。

何时将脚本放入BODY

如果您不希望将脚本放置在函数中，或者您的脚本应该编写页面内容，则应将其放置在主体部分中。

因此，就您而言。您可以将脚本放入body

Answer 2

是的，您应该将其放在 body 元素内。