Использование JavaScript. Динамическое изменение веб страницы. – Веб программирование
02.12.2009

Использование JavaScript. Динамическое изменение веб страницы.

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

Функция innerHTML позволяет перезаписать страницу без её перезагрузки.

Использование innerHTML:

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />

<script>

function perezapus(x,y){

var str=document.getElementById(y).value+'<br>’;

document.getElementById(x).innerHTML+=str;

}

</script>

</head>

<body>

<div></div>

<input type=»text» value=»Введите строку»/><input onClick=»perezapus(‘zapus’,’text’)» value=»Нажать сюда»/>

</body>

</html>

Этот пример показывает, как можно использовать innerHTML. Весь процесс перезаписи проходит в функции perezapus(x,y), где x – это id элемента которого мы перезаписываем, а y – id элемента у которого берём значение. Правда здесь див zapus не перезаписывается, а просто дополняется значениями. Для перезаписи нужно убрать плюс здесь: document.getElementById(x).innerHTML+=str, получится вот так: document.getElementById(x).innerHTML=str;.

document.getElementById(«») – это обращение до элемента по его id. Можно было писать document.getElementById(«zapus»). У примере написано x для универсальности.

Подводя итог, можно сказать, что функция innerHTML используется: id. innerHTML=”Рядок”.

Комментарии

Комментарии отсутствуют

Добавить комментарий
Место для вашей рекламы: