 |
Примеры сценариев Javascript
|
|
|
|
/////////////////////////////////////////
<html>
<body>
это HTML документ
<br>
<script language="JavaScript">
document.write("Это и есть JavaScript!")
</script>
<br>
Выходим обратно в HTML
</body>
</html>
///////////////////////////////////////////
<html>
<body>
это HTML документ
<br>
<script language="JavaScript">
<! - защита от старых версий броузеров
document.write("Это и есть JavaScript!")
// ->
</script>
<br>
Выходим обратно в HTML
</body>
</html>
///////////////////////////////////////////
клавиша
<form>
<input tipe="button" value="нажимать здесь" onClick="alert('попал')">
</form>
////////////////////////////////////////////
функции
<html>
<script language="JavaScript">
<! -hide
document.write("Привет!<br>");
document.write("Это JavaScript!<br>");
document.write("Привет!<br>");
document.write("Это JavaScript!<br>");
document.write("Привет!<br>");
document.write("Это JavaScript!<br>");
// ->
</script>
</html>
<html>
<script language="JavaScript">
<! -hide
function myfunction() {
document.write("Привет!<br>");
document.write("Это JavaScript!<br>");
}
myFunction();
myFunction();
myFunction();
// ->
</script>
</html>
/////////////////////////////////////////
вывод данных в всплывающие окна
<html>
<head>
<script language="JavaScript">
<! -hide
function calculation() {
var x=12;
var y=5;
var result=x+y;
alert(result);
}
// ->
</script>
</head>
<body>
<form>
<input tipe="button" value="считать"
onClick="calculation()">
</form>
</body>
</html>
////////////////////////////////////////////////
HTML - page
<html>
<head>
<title>My homepage</title>
</head>
<body bgcolor=#ffffff>
<center>
<img src="home.gif" name="pic1" width=200 height=100>
</center>
<p>
<form name="myForm">
Name:
<input type="text" name="name" value=""><br>
e-Mail:
<input type="text" name="email" value=""><br><br>
<input type="button" value="Push me" name="myButton"
|
|
|
onClick="alert('Yo')">
</form>
<p>
<center>
<img src="rul.gif" name="pic4" width=300 height=15>
<p>
<a href="http://www.chat.ru/~oollyymmpp">моя страничка</a>
</center>
</body>
</html>
////////////////////////////////////////////////////
фреймы
<html>
<frameset rows="50%,50%">
<frame src="page1.htm" name="frame1">
<frame src="page2.htm" name="frame2">
</frameset>
</html>
<frameset cols="50%,50%">
<frameset rows="50%,50%">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
<frameset rows="33%,33%,33%">
<frame src="cell.htm">
<frame src="cell.htm">
<frame src="cell.htm">
</frameset>
</frameset>
////////////////////////////////////////////////
menu
<html>
<head>
<script language="JavaScript">
<! - hide
function load(url) {
parent.main.location.href=url;
}
// ->
</script>
</head>
<body>
<a href="javascript:load('fist.htm')">fist</a>
<a href="second.htm" terget="main">second</a>
<a href="third.htm" terget="_top">third</a>
</body>
</html>
///////////////////////////////////////////////
Создание новых окон ////////////////////////
<html>
<head>
<script language="JavaScript">
<! - hide
function openWin2() {
myWin = open ("page.htm", "newWindow",
"width=400,height=300,status=no,toolbar=no,menubar=no");}
// ->
</script>
</head>
<body>
<form>
<input type="button" value="Открываем новое окно 400*300"
onclick="openWin2()">
</form>
</body>
</html>
////////////////////////////////////////////////////
* свойства объекта Window
directories - y/n
location - y/n
menubar - y/n
resizable - y/n
scrollbars - y/n
status - y/n
toolbar - y/n
height - pixel
width - pixel
** // for Javascript ver. 1.2
alwaysLowered - y/n
alwaysRaised - y/n
dependent - y/n
hotkeys - y/n
innerWidth - pixel
innerHeight - pixel
outerWidth - pixel
outerHeight - pixel
screenX - pixel
screenY - pixel
titlebar - y/n
z-lock - y/n
myWin - не является именем окна, это переменная,
с помощью которой обращаются к окну
newWindow - уникальное имя окна (ваше название)
/////////////////////////////////////
Закрытие окон ////////////////////////
<html>
<head>
<script language="JavaScript">
<! - hide
function closeIt() {close();}
// ->
</script>
</head>
<center>
<form>
<input type="button" value="Закрыть окно" onclick="closeIt()">
|
|
|
</form>
</center>
</html>
////////////////////////////////////////////////////
on-the-fly //////////////////////////////////////
<html>
<head>
<script language="JavaScript">
<! - hide
function openWin3() {
myWin = open ("", "newWindow",
"width=400,height=300,status=yes,toolbar=yes,menubar=yes");}
muWin.document.open();
myWin.document.write("<html><head><title>On-the-fly");
myWin.document.write("</title></head><body>");
myWin.document.write("<center><font size=+3>");
myWin.document.write("Этот документ создан ");
myWin.document.write(" при помощи JavaScript");
myWin.document.write("</font></center>");
myWin.document.write("</body></html>");
myWin.document.close(); }
// ->
</script>
</head>
<body>
<form>
<input type="button" value="Закрыть окно" onclick="openWin3()">
</form>
</body>
</html>
////////////////////////////////////////////////////
|
|
|
