Создаем на сервере 2 файла
main.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>main</title> </head> <body> <button id="mybuttonid">Please press me</button> <!--ссылку на скрипт надо ставить после кнопки --> <script src="somescript.js"></script> <div id="divid"><hr></div> </body> </html> |
somescript.js
|
1 2 3 4 5 6 7 |
function myfunction(){ document.getElementById('divid').innerHTML=document.getElementById('divid').innerHTML+ 'some content added to the page below'+'<br>'; } document.getElementById('mybuttonid').onclick=function(){ myfunction();}; |
Далее тестируем… При открытии main.html жмем на кнопку…