- •Занятие 4. "Версткаweb-страницы с помощью html и css"
- •Index.Html, fon.Png, prog.Jar
- •Занятие 6. "Создание поздравительного блокировщика Windows.Реализация интерфейса"
- •Import javax.Swing.*;
- •Import java.Awt.*;
- •Import java.Awt.Event.*;
- •Import javax.Swing.*;
- •Import java.Awt.*;
- •Import java.Awt.Event.*;
- •// Отключение выведение рамки окна -
- •If (str.Equals(test))
- •Занятие 7. "Создание поздравительного блокировщика Windows.Завершение"
- •Import javax.Swing.*;
- •Import java.Awt.*;
- •Import java.Awt.Event.*;
- •// Подключение обработчика события при закрытии окна
- •Занятие 8. "Визуальные средства разработки. Создание интерфейса приложения"
- •Занятие 9. "Работа с файловой системой из Java. Создание,удаление, переименование файлов"
- •If (str.IsEmpty())
- •Занятие 11. "Базы данных.Язык запросов sql. Работа с базой данных MySqLиз Java"
- •Import java.Sql.*;
Index.Html, fon.Png, prog.Jar
JavaScriptпозволяет использовать как одиночные, так и двойные кавычки. Строка должна находиться между двойных кавычек, а внутренние одиночные кавычки указывают значение атрибута. Т. е., если при написанииJavaScript-необходимо использовать дополнительные кавычки внутри двойных кавычек,находящихся в строке, они должны быть одиночные. Внутренние кавычки одиночные,внешние –двойные.
Значение innerHTMLявляется HTML-кодом, который, при помощи языка JavaScript, помещается в тег <div>. Соответственно,отображение HTML-страницы изменится.
Снова сохраняем проект,переходим в браузер, запускаем страницуindex.html, введём правильный логин и пароль.
Записываем логин –Java и пароль –2012, нажимаем"Вход". Появилась надпись "Добро пожаловать!".
Далее загружаетсяJava-апплет,значит, ошибок в программном коде нет.Полностью программный код нашей страницы с добавленным JavaScript выглядит так:
<html>
<head>
<script type="text/javascript">
function func()
{
var log = document.getElementById("login");
var pas = document.getElementById("password");
if ((log.value=="java") && (pas.value=="2012"))
{
alert("Добро пожаловать!");
var cont = document.getElementById("myfon");
cont.innerHTML = "<applet archive='prog.jar' code='prog.class' width='800' height='600'></applet>";
}
else
{
alert("Ошибка при вводе пары Логин-Пароль!!!");
location.replace("http://www.oracle.com");
}
}
</script>
<style>
tr {
height: 50px;
}
td {
width: 150px;
}
span
{
color: red;
font-family: serif;
font-size: 20px;
}
input
{
border-style: ridge;
border-color: red;
border-width: 5px;
color: blue;
font-family: serif;
font-size: 20px;
background-color: white;
padding: 5px;
}
input:HOVER {
border-color: white;
color: red;
}
</style>
</head>
<body>
<center>
<div style="width: 800px; height: 600px; background-image: url(fon.png);" id="myfon">
<table border="0">
<tr>
<td>
<span>Введите Логин:</span>
</td>
<td>
<input type="text" maxlength="10" id="login"/>
</td>
</tr>
<tr>
<td>
<span>Введите Пароль:</span>
</td>
<td>
<input type="password" maxlength="10" id="password"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" value="Вход"onclick="func()"/>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
Таким образом, при помощи языка JavaScriptможно делать любые манипуляции сHTML-кодом, со страницей, изменять её, так называемым,динамическим образом.
В реальной практике вход через логин и пароль, проверяемые изJavaScript, не используется. Логин и пароль должны проверяться на web-сервере. Мы рассмотрели этот метод, скорее, как демонстрацию использования языка JavaScript. В нашем случае логин и пароль проверяются в браузере, на клиентской машине. Такая проверка не надёжна. Если злоумышленник хочет куда-нибудь проникнуть, он сможет, при желании, отключить JavaScriptв браузере. В этом случае JavaScript вообще не будет выполняться.
Поэтому обычно когда логин и пароль вводятся в соответствующие поля, нажимается кнопка "Вход", обработка логина и пароля происходит уже на web-сервере и не средствами языка JavaScript, а средствами, например, языкаPHP, Javaили C#.Мы не использовали, так называемый серверный программный код, мы использовали HTML, CSSи JavaScript.
Таким образом, JavaScript,взаимодействуя с пользователем в браузере,выполняет некоторые вспомогательные функции. При помощи JavaScriptможно написать и компьютерную игру, работающую в браузере.Можно реализовать программу, содержащую две основные составляющие, два блока: в браузере на клиентской машине работает программный код, написанный на JavaScript, а на web-сервере работает другой программныйкод,написанный вовсе не на JavaScript, а, допустим, на языке Java.