HTML HEAD TITLE TITLE HEAD BODY script languageJava
Пример создания «синтетического» окна <HTML> <HEAD> <TITLE>Простейший документ</TITLE> </HEAD> <BODY> <script language="Java. Script"> function open. Win 3() { my. Win= open("", "display. Window", "width=400, height=200, status=yes, toolbar=yes, menubar=yes"); // открыть объект document для последующей печати my. Win. document. open(); // генерировать новый документ my. Win. document. write("<html><head><title>Новое окно </title></head><body><H 1>Это окно сгенерировано <BR>с помощью Java. Script!</H 1>"); my. Win. document. write("<form><input type=button value='Открыть новое окно' on. Click='open. Win 4()'>"); my. Win. document. write("</form>"); my. Win. document. write("</body></html>"); // закрыть документ - (но не окно!) my. Win. document. close(); } function open. Win 4() { my. Win 1= open("", "display. Window 1", "width=400, height=200, status=no, toolbar=no, menubar=no"); // открыть объект document для последующей печати my. Win 1. document. open(); // генерировать новый документ my. Win 1. document. write("<html><head><title>Новое окно </title></head><body><H 1>Это окно сгенерировано <BR>с помощью Java. Script!</H 1>"); my. Win 1. document. write("</body></html>"); // закрыть документ - (но не окно!) my. Win 1. document. close(); } </script> <form> <input type=button value="Открыть новое окно" on. Click="open. Win 3()"> </form> </BODY> </HTML>
Иерархия объектов Java. Script window Frames[] document location document Images[] Forms[] links[]
Пример движущегося текста <HTML> <HEAD> <TITLE>Пример движущегося текста</TITLE> </HEAD> <BODY on. Click='Change. Direction()'> <SCRIPT LANGUAGE=JAVASCRIPT> var Hdir = 1; var Vdir = 1; window. set. Timeout( 'Ding(); ', 500); function Ding() { Ani. style. pos. Top += Vdir*10; Ani. style. pos. Left += Hdir*10; window. set. Timeout( 'Ding(); ', 500); } function Change. Direction() { if(window. event. client. X < Ani. style. pos. Left) Hdir = -1; else Hdir = 1; if(window. event. client. Y < Ani. style. pos. Top) Vdir = -1; else Vdir = 1; } </SCRIPT> <DIV ID='Ani' STYLE='position: absolute; left: 100; top: 100; color: red'> Этот текст передвигается по экрану </DIV> </BODY> </HTML>
Проигрывание мультфильма <HTML><HEAD><TITLE>Мультфильм</TITLE> <SCRIPT language=Java. Script> <!-- hide var a = 0; var i = 0; var hidden. Img = new Array(41); //объявляем массив из 41 элементов for(i=0; i<41; i++) { hidden. Img[i] = new Image(); hidden. Img[i]. src= "cadr"+i+". gif"; //загрузка всех кадров в скрытый массив } function timer() { if (a != 0) { set. Timeout("timer()", 25); i++; if(i > 40) i = 0; mult. src=hidden. Img[i]. src; //в картинку грузим элемент скрытого массива } } function strt() { a = 1; set. Timeout("timer()", 50); } function stop() { a = 0; } // --> </SCRIPT> <BODY > <IMG name="mult" src="cadr 0. gif"> <p> <FORM> <INPUT onclick=strt() type=button value="Старт"> <INPUT onclick=stop() type=button value="Стоп"> </FORM> </BODY></HTML>
- Slides: 9