В примере, изменяющем ширину таблицы, при нажатии кнопки выполняются 4 команды. Ниже показано, как эти команды оформлены в виде функции.
<script type="text/javascript">
function smaller(){
var tabWidth;
tabWidth = document.getElementById('tab').width;
tabWidth = tabWidth - 20;
document.getElementById('tab').width = tabWidth;
}
</script>
<input type="button" value="Меньше" onClick="smaller()">
Описание функции начинается с ключевого слова function. Затем следует имя функции и круглые скобки (). Имя функции выбирает программист. Далее в фигурных скобках {} записываются команды, которые должны будут выполниться. В нашем примере это команды, уменьшающие ширину элемента.
Когда браузер считывает описание функции, она запоминается в оперативной памяти компьютера и ждёт своего вызова. Если задать только описание функции, то она не выполнится. Чтобы запустить функцию на выполнение, нужно её вызвать, указав её имя. В нашем примере функция smaller вызывается по щелчку на кнопке.
Задание 4
Доработайте задание с изменением таблицы: команды из кнопок «Увеличить» и «Уменьшить» оформите в виде двух функций.
this
| указатель на текущий HTML-элемент
|
var
| создание переменной
|
function
| описание функции
|