Категорії: Все | Переменные | Функции
RSS
понеділок, 15.06.2009

Замена содержимого элемента

Получив доступ к элементу вы можете проводить над ним различные операции с помощью:

innerText - оперирование текстом;
innerHTML - операции с html разметкой


с помощью innerText вы можете как читать так записывать текст в указаный элемент. innerText игнорирует html дескрипторы.


Вот пример использования innerText

[p id="txt1"][/p]

[script type="text/javascript"]

    txt1.innerText="<b>js.blox.ua</b> - java script и html";

[/script]



Вы видите что innerText игнорирует html дескрипторы в отличии от innerHTML котрый будет расмотрен ниже.


Для интерпретации браузером html используется innerHTML. Допустим нам нужно вывести в документ фразу "js.blox.ua -java script и html" и так что бы js.blox.ua выделить жирным шрифтом. Делается это так:


[p id="txt1"][/p]

[script type="text/javascript"]

    txt1.innerHTML="<b>js.blox.ua</b> - java script и html";

[/script]
Доступ к элеметам страницы используется с помощью идентификаторов

[p id="paragraf"][/p]


Для получения доступа к этому обзацу java script воспринимает идентификатор "paragraf" как перенную объектного типа.

[p id="paragraf"]Текст[/p]

[script type="text/javascript"]
    paragraf.style.color="blue"; // Меняет цвет на синий. можно также указывать в стиле и в формате - #ffffff
[/script]


 Но это был простой вариант. Но что делять когда идентификатор неизвестен?
 В этих случаях используется метод document getElementById(id).

 Допустим что у нас есть несколько обзацев и необходимо поменять их цвет на заданый. Для этого мы используем метод getElementById котрый позволяет производить различные операции над элементами html из javascript.


[p id="paragraf1"] paragraf1... [/p]
[p id="paragraf2"] paragraf2... [/p]
[p id="paragraf5"] paragraf5... [/p]

[script type="text/javascript"]


    for (var i=1; i<=10; i++)
                  document.getElementById("paragraf"+i).style.color="yellow";

[/script]

Здесь мы видим что getElementById меняет цвет параграфов на желтый.
неділя, 14.06.2009

 

 Цикл "while"

 Идея этого цикла проста. Сначала проверяется логическое выполнение условия цикла while , если оно истинно то выполняем тело цикла.
 
while ( условие ) {

    оператор1;
    оператор2;

}

 Если иначе то выполняется следующий оператор за символом "}". Поэтому цикл while и принято называть циклом с предопределенным условием.


Необходимо также помнить о том что если вы укажите условие неверно то цикл while невыполнится ниразу.

Этот цикл применяется чаще всего когда колочество необходимых повторений неизвестно точно. Но его можно применять точно так же как и цикл for.

еще один пример цикла while:

var up = 10;
var counter=1;
var summa=0;

while ( counter <= up) {
   
    summ += counter;
    counter++; //инкремент
}

alert("чисела от 1 до "+upt+": "+summ);



Следует отметить отличия цикла while от цикла for:

- Счетчик инициализируется до цикла.
- инкримент (приращивание) выполняется как тело цикла.
 

Цикл for


Циклом можно обозвать перечисление операторов. Циклы один из важнейших инструментов програмирования.

В java script реализовано несколько циклов - один из них это цикл for. Расмотрим их.

Счетчик for


Если вам известно зарание количество элементов по которым нужно пройтись, то применяется цикл for.

Цикл for:

for ( [инициализация счетчика];[условие];[приращение счетчика] )
{
    оператор1;
    оператор2;

}


инициализация счетчика цикла for - это стартовые значения. Но можно и не производить инициализацию если переменная была проинициализирована до счетчика.

условие - до тех пор пока условие истинно счетчик будет выполнятся.

приращивание счетчика цикла for - шаг приращивания. можно указать увеличение счетчика на единицу или на две единицы или как нибуть еще.
for for
"{}" - это тело цикла.

Вот пример того как можно использовать цикл for:

for (var i=0; i<=10;i++) {
   
    document.write('цикл № '+i+'</br>');

}

var i=0 - инициализация цикла for

i<=10 - условие если i больше или равно 10 то цикл выполняется

i++ - увеличение значения переменное на единицу цикла for


субота, 13.06.2009
document.write используется для вывода строки содержащей html раметку. Для работоспособности этого метода необходимо размещать блок java script в теле страницы. И если вы вызываете функции содержащие вызов document.write то тоже необходимо размещать код в теле страницы. Но сама объявление самой функции может распологатся и во внешнем файле и в заголовке страницы.

Вот пример использования document.write

[body]
    [script type="text/javascript"]

            document.write ("<font size='16' >Text</font><br />");

    [/script]
[/body]
середа, 10.06.2009

 

 Передача параметров

 

С помощью функций можно избежать монотонных действий в сценарие. Вот пример:

function skazatPrivet() {

    alert ("Privet!");
}
function skazatPoka() {

    alert ("Poka");
}

// вызов
skazatPrivet();
skazatPoka();


 В приведенном примере функции повторяются для того что бы вывести разный текст но с помощью параметров этого можно избежать:


function skazat(txt) {
    alert (txt);
}

// вызов

skazat("Privet!");
skazat("Poka!");


После вызова функция получает в качестве параметра переменную.

Возврат значения из функции


Функции могут возвращать значения после различных вычислений. Для возвращения значения из функции используется ключевое слово  return

function name_(Numb_) {

    var n = Numb_+Numb_+Numb_;  
    return n;    //возврат
}

var Numb_ = 1;
alert( name_(Numb_) );


Переменные - область видимости


область видимости определяется местом в скрипте где расположена переменная. Существует две области видимости:

    Глобальная - область всей страницы
    локальная - область функции


Переменные которые были объявлены в самой стринице находятся в глобальной области видимости. Благодоря чему , их можно вызывать из любого места в скрипте. Локальная видимость - это когда вы объявляете переменную в функции и она будет видна только в пределах своей функции.

Вызов и объявление функций


 Для объявления функций используется ключевое слово function. Формат объявление следующий:

 function Func_name ( [аргументы] ) {
    // тело функции
}

function - ключевой слово при объявлении функций
Func_name - название функции которое должно быть уникальным в пределах сценария javascript.
аргументы - используются для передачи параметров в javascript функция. При объявлении нескольках параметров используется запятая.тело функции - содержит операторы javascript которые выполняют определенные действия.

Операторы в теле функции не выполняются если не вызвать объявленую функцию.Пример использования функций:

[html]
    [head]
        [script type="text/javascript"]


            function Func_name () {
                alert("функция..");           
            }

        [script]
    [/head]
    [body]
        [script type="text/javascript"]


            Func_name (); // вызов функции

        [/script]
    [/body]
[/html]
понеділок, 08.06.2009



Для объявления переменных используется ключевое слова var которое стоит в начале обявления переменной. При объявлении переменных ее можно проинициализировать то есть задать значение.

Можно объявить несколько переменых сразу. для этого используется запятая.

Вот пример

var znak1 = 1 , znak2 = 2 , znak3 = 3;

Или еще один java script пример:

var age;
var weight = 56;
var firstname = "имя" , lastname;

Объявление переменных абсолютно не сложно но есть определенные правила при обявлении переменных в java script.

- имена в переменных java script чувствительны к регитсру
- Допустимы только латинские бунвы , цифры и знак "_"
- Вы не можете использовать в имени переменной в начале цифру.
- Переменные нужно объявлять до того места когда вы будете ее использовать.


Непроинициализированые переменные в java script будут содержать в себе значение undefined (неопределено).

Бывают случаи когда необходимо проинициализировать переменную но не присваивать ей значение для этого используется значение "null"



Пример вывода значений переменной:

[script]
var weight = 56; document.write('[b]weight равен[/b] = '+weight);
[/script]

Для проверки сценария замените "[]" на "<>" var weight = 56; document.write('weight равен = '+weight);


Хранить и обрабатывать данные приходится часто. Поэтому для этих целей в програмировании используются переменные.

По своей сути переменные - это ячейкиоперативной  памяти компьютера для которой писваивается имя и которая используется для хранения данных.

В java script вам не придется выделять или освобождать оперативную память компьютера.
Ваши задачи в програмировании на java script это:

 - Создать переменную
 - инициировать переменную (ввести значение)
 - использовать переменную в ваших операторах сценария java script


Далее будет ясно что без переменных необходитс ни один java script сценарий.
[AD]