Web-конструирование |
||||
Содержание: HTML CSS JavaScript |
|
<HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> </HEAD> <BODY lang=RU> <H1>Начнем?</H1> <SCRIPT LANGUAGE="JavaScript"> <!-- document.write("Привет!"); //--> </SCRIPT> </BODY> </HTML> |
Атрибут LANGUAGE указывает язык программирования. Если мы имеем дело с HTML версии 4.0, то вместо LANGUAGE рекомендуется использовать атрибут TYPE в следующем виде:
<SCRIPT TYPE="text/javascript">
Текст сценария оформляется как комментарий, чтобы не было проблем у посетителей, брaузеры которых не понимают JavaScript. Кроме того к символам, завершающим комментарий добавляется еще два символа “/”, т.к. некоторые браузеры, например, Netscape Navigator рассматривает строку, состоящую только из символов “-->”, как ошибочную.
В первом примере для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка “Привет!”. Строка закрывается символом “;”, которым отделяются друг от друга все операторы JavaScript.
Объект document – это HTML-документ, загруженный в окно брaузера. Метод write записывает в тело HTML-документа строку “Привет!”. При этом документ будет выгдядеть так, как будто эта строка находится в нем на месте сценария.
Имейте в виду, что JavaScript различает строчные и прописные буквы. Кроме того символ дефиса в JavaScript распознается как минус, т.е. если фон объекта в HTML-документе задается через свойство background-color, то в JavaScript - через backgroundColor.
<img src="ba.gif" border=0 OnMouseOver="this.style.backgroundColor='red';" OnMouseOut="this.style.backgroundColor='white';"> |
Здесь цвет фона объекта будет меняться с белого на красный при наведении на объект мыши.
Имя переменной не должно совпадать с зарезервированными ключевыми словами JavaScript.
Все переменные в JavaScript объявляются с помощью ключевого слова var. При объявлении тип переменной не указывается. Этот тип присваивается переменной только тогда, когда ей присваивается какое-либо значение.
Числа в строки интерпретатор JavaScript преобразует автоматически. Для преобразования строк в числа используют специальные функции parseInt и parseFloat.
<HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> </HEAD> <BODY lang=RU> <H1>Пример преобразования типов</H1> <SCRIPT LANGUAGE="JavaScript"> <!-- var Buf=""; Buf=100+" - число сто<br>"; Buf+=(parseInt("50")+50)+" -число сто<br>"; document.write(Buf); //--> </SCRIPT> </BODY> </HTML> |