<body>
<h1>Blank Page</h1>
</body>
</html>
Запомните несколько вещей о теге script:
- Код JavaScript можно размещать непосредственно на странице с помощью тега script. Но лучше заключить его в отдельный файл, который будет затем подключаться к странице с помощью атрибута src тега script. Это cделает код более переносимым.
- Скрипты оцениваются в порядке, в котором они располагаются на странице. Поэтому если сценарии, которые Вы пишете, требуют Prototype, то они должны быть включены после prototype.js. Убедитесь, что prototype.js - самый первый сценарий, подключенный к странице.
- Тег script размещается в заголовоке HTML, в том же месте, где определяются каскадные таблицы стиля CSS и другие метаданные страницы. А поскольку код исполняется сразу после его анализа, будет плохой идеей включать скрипты, которые предпринимают непосредственные действия с документом, который в тот момент еще неполностью загрузился. Вместо этого оформляйте скрипты в виде функций, и затем вызывайте нужные функции в событии onload или в ответ на пользовательские действия.
Тестирование
Прежде, чем продолжить, установите броузер Mozilla Firefox и расширение Firebug. Если у Вас нет этих программ, то Вы можете их найти по адресам: http://getfirefox.com и http://getfirebug.com. Оба инструментальных средства являются бесплатными, простыми в установке, и поддерживаются всеми основными платформами.
Сохраните файл index.html, и затем откройте его в Firefox. (Можно просто перетащить файл в окно браузера, если Вам так больше нравиться).
Нажмите значок в правом нижнем углу экрана; это должен быть зеленый круг с флажком. В случае, если он серого цвета, то нажмите его и выберите "Enable Firebug for local files". Появится окно с несколькими вкладками. Нас интересует вкладка Console; она работает как командная строка JavaScript, позволяя выполнить код в контексте текущей страницы (см. рисунок 1-2).
предыдущая следующая страница
14