Веб-компас сайтостроителей
/ Все статьи / JavaScript / Основы JavaScript / Введение в JavaScript

Введение в JavaScript

Скрипты на JavaScript могут располагаться в любом месте HTML-документа. Вставляется код JavaScript с помощью тега <script> и обязательного закрывающего тега </script> следующим образом
Код
<script type="text/javascript">
[код javascript]
</script>

Атрибут type дает понять, что вставляемый код написан на языке JavaScript. На просторах интернета можно встретить сайты, в которых в теге <script> используется атрибут language, например
Код
<script type="text/javascript" language="JavaScript1.1">
[код javascript]
</script>

Атрибут language задает язык сценария и версию. Но так как программное обеспечение все время меняется (то есть браузеры), то со временем в данном атрибуте необходимо менять версию языка сценария, что конечно не радует. Поэтому можно просто его не указывать, а указывать только атрибут type.
Также код JavaScript используется и в обработчиках событий. Подробнее об обработчиках событий будет написано далее, а сейчас для примера напишу код, который выведет сообщение "Страница полностью загружена" после загрузки всей страницы.
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Сайт написанный с помощью JavaScript</title>
</head>
<body onLoad="alert ('Страница полностью загружена');">
Сайт написанный с помощью JavaScript
</body>
</html>

Также можно вставлять в HTML-документ код JavaScript находящийся в отдельном файле, путем указания в атрибуте src тега <script> URL-адреса подключаемого файла с кодом, написанным на JavaScript. Например, есть файл textsite.js следующего содержания
Код
document.write (" Это сайт написан с помощью JavaScript");

Теперь вставляем данный файл в нужном месте HTML-кода
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Сайт написанный с помощью JavaScript</title>
</head>
<body>
<script type="text/javascript" src="textsite.js"></script>
</body>
</html>

У сайтов, написанных на JavaScript, есть несколько существенных недостатков, один из них заключается в том, что пользователь может отключить выполнение языка JavaScript в браузере. И тогда весь код, написанный на JavaScript, не будет выполнен, и страница отобразится в окне браузера, не так как было задумано. Повлиять на это веб-разработчик к сожалению, а может к счастью ни как не может. Но есть возможность выполнить в этом случае HTML-код, написав его между тегом <noscript> и закрывающим его тегом </noscript>. Например
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Сайт написанный с помощью JavaScript</title>
</head>
<body>
<script type="text/javascript" src="textsite.js"></script>
<noscript>
<div style="color:red;">У Вас отключено выполнение JavaScript! Страница может не корректно отобразиться!</div>
</noscript>
</body>
</html>

В этом случае, если у пользователя отключено выполнение сценариев, то ему будет выведено сообщение об этом (написанное между тегами <noscript> и </noscript>).
Синтаксис языка JavaScript похож на синтаксис C++ и PHP, но отличия все, же есть. И если Вы раньше занимались программированием на других языках, то освоить этот будет гораздо легче, чем начинать с нуля.
При написании сценариев на JavaScript нужно помнить, что браузеры различных производителей могут по-разному обрабатывать один и тот же код. Говоря другими словами, производители браузеров по-разному реализовали работу своих детищ, и теперь веб-программистам нужно учитывать это и писать код так, чтобы скрипт осуществлял поставленные перед ним задачи одинаково во всех браузерах.
Комментарии к публикации
Всего комментариев: 1
прохожий: Вадим | 13.12.2012, 20:24 #
Здравствуйте.
Подскажите пожалуйста ответ на вопрос. Возможно ли средствами javascript обработать выделенный текст с последующей заменой.
Пример. Человек выделяет на сайте оптеделенную фразу или кусок текста, скрипт реагирует на событие select, скрипт обрабатывает выделенный тект и заменяет его. При этом желательно, чтобы текст оставался выделен.
Добавить комментарий
Новости сайта
Последние публикации в каталоге статей