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

02.12.2009

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

Filed under: JavaScript — admin @ 8:03 пп

Веб программисты часто встречаются с проблемой, когда нужно динамически перезаписать часть веб страницы. Эта проблема решается с помощью скриптового языка  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=”Рядок”.

Комментариев нет

Извините, обсуждение на данный момент закрыто.

Страница 1 с 11
Место для вашей рекламы: