Шаблоны Joomla 3 тут

JavaScript 2

Категория: Программирование JavaScript Обновлено: 05.06.2019 Опубликовано: 14.03.2019 Печать

Пример 1. Окно с сообщением и полем ввода (prompt)

<SCRIPT type="text/javascript">
var user_name = prompt ("Введите свое имя в поле ниже","Здесь");
document.write("Привет, " + user_name + "!
Добро пожаловать на мою страницу!");
</SCRIPT>

или

<SCRIPT type="text/javascript">
var name =
prompt("Пожалуйста, напишите свое имя","")
var d = new Date();
var y = d.getFullYear();
var m = d.getMonth() + 1;
var d = d.getDate();
var t = m + '/' + d + '/' + y + ' ';
document.write("<TITLE>")
document.write
("Привет "+name+ ". Сегодня "
+t+ ". Спасибо, что зашли.");
document.write("</TITLE>")
</SCRIPT>

 

Пример 2. Свойства объекта "navigator" (браузер)

<SCRIPT LANGUAGE="javascript">
var an = navigator.appName;
var av = navigator.appVersion;
var acn = navigator.appCodeName;
var ua = navigator.userAgent;
document.write("Вы пользуетесь <B>" +an+ "</B>,
версия " +av+ ".
<BR>Кодовое название " +acn+ ", заголовок "
+ua+ "." );
</SCRIPT>

appName сообщает название браузера, например, Netscape или Explorer.
appVersion сообщает версию браузера и платформу, на которой он работает.
appCodeName сообщает кодовое имя, данное браузеру, например, Netscape называет свой браузер Mozilla.
userAgent сообщает версию используемого браузере.

Пример 3. Свойства объекта "document"

<SCRIPT LANGUAGE="javascript">
var bgc = document.bgColor;
var fgc = document.fgColor;
var lc = document.linkColor;
var al = document.alinkColor;
var vlc = document.vlinkColor;
var url = document.location;
var ref = document.referrer;
var t = document.title;
var lm = document.lastModified;
document.write("Цвет фона этой страницы <B>"
+bgc+ "</B>.")
document.write("<BR>Цвет текста этой страницы <B>" +fgc+ "</B>.")
document.write("<BR>Цвет ссылок этой страницы <B>" +lc+ "</B>.")
document.write("<BR>Цвет активной ссылки этой страницы
<B>" +al+ "</B>.")
document.write("<BR>Цвет посещенной ссылки этой страницы
<B>" +vlc+ "</B>.")
document.write("<BR>URL этой страницы <B>" +url+ "</B>.")
document.write("<BR>До этого вы были на странице <B>" +
ref+ "</B>.")
document.write("<BR>Заголовок этой страницы (TITLE) <B>" +t+ "</B>.")
document.write("<BR>Последние изменения в документ внесены: <B>"
+lm+ "</B>.")
</SCRIPT>

bgColor возвращает шестнадцатеричный код цвет фона.
fgColor возвращает шестнадцатеричный код цвета текста.
linkColor возвращает шестнадцатеричный код цвета ссылки.
alinkColor возвращает шестнадцатеричный код цвета активной ссылки.
vlinkColor возвращает шестнадцатеричный код цвета посещенной ссылки.
location возвращает URL страницы.
referrer сообщает, с какой страницы пришел пользователь. Если информация недоступна, то возвращается пустое место.
title возвращает заголовок документа HTML, т .е. текст между командами TITLE.
lastModified сообщает дату, когда были внесены последние изменения в страницу (на самом деле дату, когда страница была загружена на сервер или сохранена последний раз на жестком диске).
cookie (не показано) возвращает текстовый файл cookie.
anchors (не показано) возвращает количество анкеров HREF на странице.
forms (не показано) возвращает массив (список) объектов формы на странице.
links (не показано) возвращает количество всех отдельных ссылок.

Пример 4. Свойства объекта "history"

<SCRIPT LANGUAGE="javascript">
var h = history.length;
document.write("До этой страницы вы посетили" +h+ " страниц.")
</SCRIPT>

Пример 5. Два свойства объекта "location" (адрес)

<SCRIPT LANGUAGE="javascript">
var hst = location.host
document.write("Страница находится на <B>" + hst +
"</B>." )
</SCRIPT>

<SCRIPT LANGUAGE="javascript">
var hstn = location.hostname
document.write("Страница находится на <B>" + hstn +
"</B>." )
</SCRIPT>

Пример 6. Иерархия объектов

Ссылка на всю форму - window.document.myform
Ссылка на содержимое поля - lname window.document.myform.lname.value
Ссылка на содержимое поля fname - window.document.myform.fname.value
Замените изображение на "marigold.gif" - window.document.mypic.src=marigold.gif

Пример 7. Адрес страницы, с которой пришел пользователь

<SCRIPT LANGUAGE="javascript">
var a = document.referrer;
document.write(a)
</SCRIPT>

 

Пример 8. Дата при загрузке страницы

<BODY BGCOLOR="хххххх" onLoad="dateinbar()">
<SCRIPT LANGUAGE="javascript">
<!-- Скрыть от браузеров, не поддерживающих JavaScript
function dateinbar()
{
var d = new Date();
var y = d.getFullYear();
var da = d.getDate();
var m = d.getMonth() + 1;
var t = da + '/' + m + '/' + y;
defaultStatus = "Вы прибыли на страницу " + t + ".";
}
// не скрывать -->
</SCRIPT>

 

Пример 9. Диалог при загрузке страницы

<body bgcolor="ffffcc" onLoad="hello()">
<SCRIPT LANGUAGE="javascript">
function hello()
{
var first = prompt("Введите свое имя", "Имя")
var second = prompt("Введите свою фамилию", "Фамилия")
var page = document.location;
var ttl = document.title;
alert("Привет, " +first+ " " +second+ ".
Добро пожаловать на " +ttl+ " по адресу: " +page+".")
}
</SCRIPT>

 

Пример 10. События при перемещении указателя мыши и уход со страницы

<BODY onUnload="alert('Уже уходите?')">
<A HREF="index.htm" onMouseOver="window.status='Эй! Убирайся с меня!'; return true" onMouseOut="window.status='Так-то лучше, спасибо'; return true">Наведите курсор на эту ссылку и сместите в сторону</A>

----------------------------------------------

<HEAD>
<SCRIPT LANGUAGE="javascript">
function goodbyedate()
{
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var t = h + ':' + m + ' ';
alert
(" Уже уходите? Сейчас всего только " + t + ".");
}
</SCRIPT>
</HEAD>
<body bgcolor="FFFFCC" onUnload="goodbyedate();">
<A HREF="assign_10.html" onMouseOver="window.status='Привет, пользователь ' +navigator.appName+ ' — щелкни здесь!'; return true" onMouseOut="window.status='Не скучаете у нас на ' +document.location+ '.'; return true">Проведите курсор мыши над этой ссылкой</A>
</BODY>


Пример 11. Новое окно

<SCRIPT type="text/javascript">
function openindex()
{
var name=prompt("Как вас зовут?","Напишите здесь")
var OpenWindow=window.open("", "newwin", "height=300,width=300,status=yes");
OpenWindow.document.write("<HTML>")
OpenWindow.document.write("<TITLE>")
OpenWindow.document.write("Привет, " +name+ "! Вот ваше окно!")
OpenWindow.document.write("</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR='green'>")
OpenWindow.document.write("<CENTER>")
OpenWindow.document.write("<h2>Новое окно</h2>")
OpenWindow.document.write("<a href='' onClick='self.close()'>
Эта ссылка закроет окно</a>")
OpenWindow.document.write("</CENTER>")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
}
</SCRIPT>
<body bgcolor="xxxxxx" onLoad="openindex()">

 

Пример 12. Конфигурация нового окна

<SCRIPT type="text/javascript" >
window.open('opened.html', 'joe', config='height=300,width=300')
</SCRIPT>

- toolbar= отвечает за наличие панели инструментов во вновь открытом окне. Панель инструментов в верхней части окна браузера содержит кнопки НАЗАД, ВПЕРЕД, СТОП и т.д. - menubar= отвечает за наличие строки меню с элементами ФАЙЛ, ПРАВКА, ВИД и т.д.
- scrollbars= отвечает за наличие полосы прокрутки.
- resizable= указывает, может ли пользователь изменить размер окна по своему желанию.
- location= отвечает за наличие адресной строки во вновь открытом окне, в которой выводится URL страницы.
- directories= отвечает за наличие строки каталогов в новом окне, которая содержит закладки и т.п.
- status= отвечает за наличие строки состояния.

<A HREF="" onClick="self.close()">Щелкните, чтобы закрыть</A>

<A HREF="les11.htm" onClick="window.open('opened.html', 'joe', config='height=300,width=300')">Щелкните, чтобы открыть 'joe'</A>

<A HREF="file.htm" onClick="window.open('opened.html', 'window_name', config="width=300,status=0")">Click here</A>

 

Первая часть (Объявление переменной, Диалоговые элементы, Атрибуты, которые определены для HTML тэгов, Использование кавычек в строковых литералах, Массивы, Коллекции в объектной модели документа, Свойства объекта location, Параметры метода window.open, window.close, Виды кнопок, Таблица умножения, Динамическое изменение содержимого тегов, Выбор цвета текста, Определяется, какая кнопка мыши нажата, Часы в строке статуса, Точное время загрузки страницы, Распечатка - кубы, не превышающие 5000, Возведение в квадрат, Форма prompt, Примеры открытия нового окна, Часы в поле формы, События BODY, Изменение переменной открытого окна, Изменение поля статуса в открытом окне, Цвет и расположение фреймов, Изменение полей формы, Скрытая отправка данных пользователя на сервер, Очистка формы, Проверка пустой строки в отправленной форме, Удаление и добавление вариантов из SELECT, Обработчик onChange при выборе множественных вариантов)
Вторая часть (Распечатка всех ссылок на странице, Простейшее динамическое меню, Простейшая динамическая смена изображений, Простейшие динамические создания новых страниц, Простейшее изменение цвета фона, Подтверждение действия, Бесконечный цикл изменения изображений, Ограниченный цикл изменения изображений, Запуск и остановка мультипликации (смены изображений), Защита переноса на следующую строку (<PRE>), Пункт меню с меняющимся изображением, Простейшее выпадающее меню с изображениями, Управление cookie, Простейший сценарий, Дата, Вывод точной даты и время посещения страницы, Обработчики событий для ссылки, Синтаксис onClick, onFocus, onBlur, onChange, onSubmit, Простейшая форма взаимодействия с пользователем)
Четвертая часть (Подтверждение действия, Простейшее математическое вычисление, Изменение изображения при наведении мышью, Выбор цвета фона, Внедрение поиска от глобальной поисковой системы, Количество символов в форме, Генерация случайных чисел от секунд, Условный оператор и диалог с пользователем, Условный оператор и смена фона в зависимости от ответа)

Пятая часть (Простейшее слайд-шоу, Переход на случайный сайт с кнопкой, Цикл угадываний с диалоговым окном и случайным числом, Цикл - распечатка слова определенное количество раз, которое устанавливает пользователь в ходе диалога, Цикл - распечатка слова определенное количество раз, Цикл-счет от одного до 50000 + изменение фона, Цикл-распечатка цифр от одного до пяти, Случайное изображение, Случайная фраза, Угадывание числа до 10)

 

Для сайтов находящихся на тарифном обслуживании и администрировании работы проводятся без дополнительной оплаты, входят в стоимость тарифа

По всем вопросам обращаться по адресу: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. или по телефону (WhatsApp): +7-994-009-32-20

 

Поделиться страницей в социальных сетях:

Просмотров: 380

Добавить комментарий

Защитный код
Обновить