Просто рабочий конспект
В теле HTML код Javascript размещается внутри тега <script>:
<head>
...
<script type="text/javascript">
...
</script>
...
</head>
Если скрипт в отдельном файле, то указываем ссылку:
<script type="text/javascript"> src="example.js"
</script>
Скрипт выполняется сразу после его загрузки браузером.
Объявление переменных.
Безопаснее всегда использовать ключевое слово var при объявлении переменной.
Javascript не заботится о том, что хранится в переменной. Одна и таже переменная может хранить символ, затем число, затем снова текст или что-угодно.
Определены 4 типа переменых:
- числа
- строки
- логический тип
- массивы
- объекты
Операторы ++ и --- как в Си:
age++;
--j;
Конкатенация строк:
var sentence = "You are " + 1337
Логические:
var lying = true;
var truthful = false;
Массив:
var rack = [];
rack[0] = "First";
rack[1] = "Second";
var rack = ["First", "Second", "Third", "Fourth"];
var numberArray = [1, 2, 3, 5, 8, 13, 21, 34];
var mixedArray = [235, "Parramatta", "Road"];
Многомерный массив:
var subArray1 = ["Paris", "Lyon", "Nice"];
var subArray2 = ["Amsterdam", "Eindhoven", "Utrecht"];
var subArray3 = ["Madrid", "Barcelona", "Seville"];
var superArray = [subArray1, subArray2, subArray3];
Обращение к элементу :
var city = superArray[0][2];
Наиболее часто исп. св-в- массива - его длина:
var shortArray = ["First", "Second", "Third"];
var total = shortArray.length;
var lastItem = shortArray[shortArray.length – 1];
Добавление нового элемента:
shortArray[shortArray.length] = "Fourth";
Ассоциативные массивы (хэши):
var postcodes = [];
postcodes["Armadale"] = 3143;
postcodes["North Melbourne"] = 3051;
postcodes["Camperdown"] = 2050;
postcodes["Annandale"] = 2038;
Стандартные if-else, while, do while, for().
Передача аргументов функции:
function sandwich(bread, meat)
{
alert(bread + meat + bread);
}
sandwich("Rye", "Pastrami");
Также аргументы функции доступны через массив arguments:
debate("affirmative", "negative");
function debate()
{
var affirmative = arguments[0];
var negative = arguments[1];
}
Возврат значения из функции - return:
Область видимости переменых. Переменные, объявленные вне функции, доступны другим функциям javascript в пределах той же html-страницы. Это global scope.
С помощью ключевого слова var переменные обявляются внутри функции как local scope и доступны только внутри данной функции.
ОБЪЕКТЫ.
Представляют собой амальгаму всех других типов данных.
Объкты существуют как способ организации переменных и функций в логические группы.
Свойства объекта предст. собой переменные, доступные только через объект.
Методы - это функции, доступные только через объект.
Примером встроенного объекта является массив.
Создание объекта:
var Robot = new Object();
Теперь можно добавлять к объекту свойства и методы:
Robot.color ="red";
Robot.displayMessage = function() {
alert("Some message");
}; //обязательно точка запятой при таком объявлении!
Вызов: Robot.displayMessage();
Использование литерального синтаксиса объекта:
var Robot =
{
color: "red",
displayMessage: function()
{
alert("Some message");
}
}; //обязательно точка запятой !
Unobtrusive Scripting in the Real World
В большинстве случаев, практически всегда, код javascript загружается раньше кода всей html-страницы. Это может привести к некоторым незначительным проблемам. Браузеры выполняют код javascript сразу после его загрузки, не дожидаясь загрузки всей страницы. Если в коде есть обращение к элементов, которые ещё не загрузились, то можно не увидеть ожидаемого эффекта.
Для облегчения жизни создаётся специальный объект Core с методом start(), который наблюдает за статусом загрузки страницы и сообщает нашей функции, когда можно безопасно выполняться. Это делается вызовом метода init() нашего объекта.
Т.о., наш объект выглядит :
var Robot = {
init: function()
{
Your HTML modifying code
}
};
Core.start(Robot);Ярлыки: javascript, variables Подпишись на новости Javascript и AJAX по e-mail |
Отправить комментарий