Где я должен поместить свой код JavaScript? - PullRequest
Новая
       1

Где я должен поместить свой код JavaScript?

6 голосов
/ 10 января 2011

Я хотел бы использовать код для автозаполнения.Код здесь . 

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

Однако я не могу понять, куда мне поместить этот код.В голову?В теле?

Ответы [ 5 ]

4 голосов
/ 11 января 2011

Вы, вероятно, должны поместить свой код прямо в конец тега body.

Извлечь Высокопроизводительные веб-сайты Стива Соудера - Эволюция загрузки скриптов

Еслиу вас есть несколько сценариев, и вам нужно убедиться, что они будут загружены в правильном для вас порядке, ознакомьтесь со статьей WebSiteOptimization.com об атрибуте отсрочки , где вы можете увидеть порядок выполнения ваших скриптов.*

3 голосов
/ 10 января 2011

По данным w3schools

Когда помещать скрипт в HEAD

Сценарии, которые должны быть выполнены, когда они вызывается, или когда происходит событие, помещены в функции. Положить ваши функции в главном разделе, это как они все в одном месте, и они не мешают странице содержание.

Когда помещать скрипт в BODY

Если вы не хотите, чтобы ваш сценарий был помещен внутри функции, или если ваш скрипт должен писать содержимое страницы, это должны быть размещены в разделе тела.

Так в вашем случае. Вы можете поместить скрипт в body

2 голосов
/ 10 января 2011

Поместите его во внешний файл, а затем свяжите этот файл с HTML-документом, используя: 

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

(если вы используете HTML5, вы можете пропустить атрибут type).

Вышеуказанный способ является наиболее понятным и распространенным, однако некоторые исследования доказывают, что это не самый быстрый способ. Вы можете поместить этот JavaScript прямо перед элементом </body>, пропустив jQuery.read() (в данном случае $(function() { ... });, что является краткой формой этого). В этом случае вы получите несколько миллисекунд (или даже меньше), но я просто вынужден это заметить.

0 голосов
/ 10 января 2011

Если можете, поместите его в самый конец элемента <body>, после , когда вы включили jQuery, сам плагин автозаполнения и любые другие библиотеки, от которых вы зависитена.Помещение сценариев в конец <body> обычно (на момент написания этой статьи :-) считается наилучшей практикой, поскольку позволяет браузеру перейти к разметке, прежде чем беспокоиться о выполнении сценария.

0 голосов
/ 10 января 2011

Да, вы должны поместить его в элемент body.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...