Электронная библиотека
Программисту веб-дизайнеру
Другие материалы
Библиотека: скачать готовые скрипты Javascript
Полезные команды и другие мелкие актуальные скрипты на Javascript
Эта команда закрывает окно браузера.
<a href="Javascript:top.window.close();">Закрыть</a>
Эта команда показывает код страницы в виде html.
<input type="button" name="view" value="Показать в виде html" OnClick='window.location="view-source:" +window.location.href'>
Эта команда отправляет страницу на печать.
<a href="Javascript:top.window.print();">Вывести на печать</a>
Сделать страницу домашней.
<span style=cursor:hand
onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage(top.location.href)">
Сделать страницу домашней</span>
Проверка, включена ли у пользователя поддержка Javascript.
<script type="text/javascript" language="javascript"><!--
document.write('<p>Поддержка Javascript включена!</p>');
//--> </script> <noscript><p>Поддержка Javascript выключена!</p> </noscript>
Скрипт выводит кодировку страницы.
<script type="text/javascript" language="javascript"><!--
var u=navigator.userAgent;
if (u.indexOf("Win") != -1)
document.writeln ("Кодировка: Windows 1251");
else
if (u.indexOf("DOS") != -1 || u.indexOf("OS/2") != -1)
document.writeln("MS-DOS CP866");
else
document.writein("лПДЙТПЧЛБ: KOI8-R");
//--></script>
Данный скрипт выводит адрес просматриваемой страницы.
<script type="text/javascript" language="javascript">
<!--
document.write("Адрес - " + document.location);
//-->
</script>
Определить день недели.
<script type="text/javascript" language="javascript">
now = new Date()
if (now.getDay() == 0)
document.write("Отдыхайте, завтра рабочий день...")
if (now.getDay() == 1)
document.write("Сегодня понедельник - настраивайтесь на работу")
if (now.getDay() == 2)
document.write("Уже вторник, понедельник к счастью позади!")
if (now.getDay() == 3)
document.write("Половина недели позади - сегодня уже среда")
if (now.getDay() == 4)
document.write("Сегодня четверг, скоро выходные...")
if (now.getDay() == 5)
document.write("Сегодня пятница - последний рабочий день")
if (now.getDay() == 6)
document.write("Сегодня первый день выходных!")
</script>
Последнее обновление страницы: года
<script type="text/javascript" language="javascript">
<!--
function pr(s) { document.write(s) };
function update() {
var ar=new Array(12);
ar[0]=" января "; ar[1]=" февраля "; ar[2]=" марта "; ar[3]=" апреля ";
ar[4]=" мая "; ar[5]=" июня "; ar[6]=" июля "; ar[7]=" августа ";
ar[8]=" сентября "; ar[9]=" октября "; ar[10]=" ноября "; ar[11]=" декабря ";
var lm=new Date(document.lastModified);
var y=lm.getYear(); y=2000+y%100;
pr(lm.getDate()+ar[lm.getMonth()]+y); }
//-->
</script>
Последнее обновление страницы: <script type="text/javascript" language="javascript"> update() </script> года
Сегодня (часы)
Обязательно указание команды <body onload="loadclock()">, иначе часы на экране не пойдут (будет показано стартовое время загрузки страницы и код ошибки). Редактируемый скрипт. Скачать текст сценария timerdata.js (поместите его в ту же папку или укажите правильный путь к файлу с программой). Посмотреть текст сценария можно здесь.
<span id="tick2"><script language="javascript" src="timerdata.js"> </script>
<script language="javascript" type="text/javascript"> document.write(ctime); </script></span>
Данный скрипт реализует поиск слов на конкретной странице, открывая меню поиска и выделяя найденное слово или буквосочетание.
<a href="javascript:find={x:function(){var r,i,s=document.selection.createRange().text;if(!s)s=prompt('Найти:',''); if(s){r=document.body.createTextRange(); for(i=0;r.findText(s);i++){r.execCommand('BackColor','','f0e68c'); r.collapse(false)}; alert('Найдено: '+i+' слово(а)')}}};find.x()">Найти на этой странице</a>
Пример работы скрипта общего поиска (симуляция базы данных). Наберите, например, слова основная или графика (есть в приводимом примере)
Очень полезный скрипт для тех, кто не хочет писать серверные сценарии (например, на PHP или Perl), не хочет связываться с базами данных, выборками и подобными серверными прелестями. Можно сделать поиск по ключевым словам своего сайта исключительно на Javascript, причем это будет именно клиентский сценарий. Для правильной работы сценария Вам нужно аккуратно добавить в сценарий адреса файлов, правильные названия и пути Ваших веб-страниц, которые Вы хотите отразить, ключевые слова (вместо приведенных примеров) для каждой из страниц в любом их разумном количестве. Итоговый объем Вашего сценария должен быть реальным.
Скачать текст сценария seach.js (поместите его в ту же папку или укажите правильный путь к файлу с программой). Посмотреть текст сценария можно здесь.
<script type="text/javascript" language="javascript" src="seach.js">
</script>
<form method="get" action="javascript:void(0)" onsubmit="search(this); return false;">
<input type="text" id="srchval" value="">
<input type="submit" value="Поиск">
</form>