- •Настройка среды
- •Пример 4: диалог с пользователем 1
- •Пример 5: диалог с пользователем 2
- •Пример 6: диалог с пользователем 3
- •Пример 7: построение таблицы умножения
- •Пример слияние массивов и вывод результата
- •Пример сортировки массива
- •Пример разделения элементов «-«
- •Тема №3 Организация работы с формой Пример 1: элементы формы
- •Пример 2: работа с загрузкой изображений и переходом на другую страницу
Пример 4: диалог с пользователем 1
<html>
<head>
<script type='text/javascript'></script>
</head>
<body>
<FORM name="f1">
<INPUT TYPE=button
VALUE="call confirm"
onClick="if(window.confirm('look your answer on bottom?')==true)
{
document.f1.elements[1].value='YOUR ANSWER';}
else
{ document.f1.elements[1].value='empty)';
};">
<br>
<input type="text" name="el1">
<BR>
</form>
</body>
</html>
Пример 5: диалог с пользователем 2
<html>
<head>
<script type='text/javascript'></script>
</head>
<body>
<FORM name="f2">
<INPUT TYPE=button
VALUE="Open window"
onClick="document.f2.elements[1].
value=window.prompt('Enter text');">
<INPUT SIZE=30>
</form>
</body>
</html>
Пример 6: диалог с пользователем 3
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:#ff0;
}
</style>
<script type="text/javascript">
window.onload=function() {
display();
}
function display(){
var name=prompt("What is your full name?",'Your Name Here');
var company=prompt("What is your company?",'Company Name');
var number=prompt("What is your ID number?",'123456');
document.getElementById('nme').firstChild.nodeValue='Name: '+name;
document.getElementById('cmpny').firstChild.nodeValue='Company: '+company;
document.getElementById('idno').firstChild.nodeValue='Employee Number: '+number;
document.getElementById('info').firstChild.nodeValue='Employee Data Complete!';
}
</script>
</head>
<body>
<h1>Data Entered:</h1>
<hr>
<div id="nme"> </div>
<div id="cmpny"> </div>
<div id="idno"> </div>
<hr>
<h2 id="info"> </h2>
</body>
</html>
Пример 7: построение таблицы умножения
<Script>
var i, j;
document.write("<table border=\"1\" cellspacing=\"0\" cellpadding=\"2\" align=\"center\">")
for (i = 2; i <= 10; i++)
{document.write("<tr>");
for (j = 2; j < 10; j++)
{document.write("<td>" + j + "×" + i + "=" + (i * j) + "</td>")}
document.write("</tr>")
}
document.write("</table>")
</Script>
Лабораторная работа №1
Создайте карту-опрос пользователя по основным параметрам:
возраст,
пол,
стаж работы,
образование
для получения рекомендации устройства на работу по 3 специальностям: секретарь, грузчик, менеджер. Пользователь вводит данные о себе, после обработки которых должна быть выведена на экран рекомендуемая вакансия. Ограничения по каждой вакансии задать самим (к примеру, возраст грузчика – не старше 45 лет, менеджер должен иметь высшее образование и т.д.)
Тема №2
Организация работы с массивами
Пример1: оператор присваивание значений и вывод
<html>
<head>
<title>Writing an Array</title>
</head>
<body>
<P>
<script language="javascript" type="text/javascript">
<!--
var myArray = new Array();
myArray[0] = "AAA";
myArray[1] = "BBB";
myArray[2] = "CCC";
for (var i=0; i<myArray.length; i++) {
document.write("Element " +i+ " contains: " +myArray[i]+ "<br />");
}
//-->
</script>
</p>
</body>
</html>
2 Способ
<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
<!--
var myarray = new Array();
for (i = 0; i < 10; i++)
{
myarray[i] = i;
}
document.write(myarray);
// -->
</script>
</head>
<body>
</body>
</html>
3 Способ
<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
<!--
var myarray = new Array(5);
myarray[0] = 5
myarray[1] = 8
myarray[2] = 10
myarray[3] = 18
myarray[4] = 180
for (x in myarray)
{
myarray[x] = ++myarray[x];
}
document.write(myarray);
document.write('<br>');
document.write(x);
// -->
</script>
</head>
<body>
</body>
</html>
4 Способ
<HTML>
<HEAD>
<TITLE>
Iteration
</TITLE>
</HEAD>
<BODY>
<H1>
<SCRIPT>
var myArray = new Array(4);
myArray[0] = "A";
myArray[1] = "B";
myArray[2] = "C";
myArray[3] = "D";
myArray[6] = "E";
delete myArray[1]
for (var i = 0; i < myArray.length; i++){
if (myArray[i])
document.write("myArray[" + i + "] = " + myArray[i] + "<br>");
}
</SCRIPT>
</H1>
</BODY>
</HTML>