Практические навыки JavaScript, которые веб -разработчики должны собирать для вашей ссылки. Конкретный контент заключается в следующем
1. Правая кнопка мыши будет полностью заблокирована
OnContextMenu = ”window.event.returnValue = false»
<таблица границы OncontextMenu = return (false)> <Td> Нет </table> можно использовать для таблицы
2. не возмещать и предотвратить копирование
<body onselectstart = ”return false»>
3.JS не позволяет вставлять
OnPaste = ”вернуть ложь»
4. JS предотвращает копирование
oncopy = ”return false;” oncut = ”return false;”
5. Измените на свой собственный значок перед адресной панелью IE
<link rel = ”Значок ярлыка” href = ”favicon.ico»>
Поместите это изображение в корневой каталог файла и измените суффикс на ICO
6. Вы можете отобразить свой значок в своих любимых
<link rel = ”закладка” href = ”favicon.ico»>
7. Выключите метод ввода
<input style = "ime-mode: отключен">
8. Всегда носите рамку
<script language = ”javascript»> <!
if (window == top) top.location.href = "frames.htm"; //frames.htm - веб -страница кадров
//> </script>
9. Предотвратить кадры
<Script Language = javascript> <!
if (top.location! = self.location) top.location = self.location;
//> < /script>
10. Веб -страница не будет сохранена как
<noscript> <iframe src =*. html> < /iframe> < /noscript>
11. <input type = value = value = Просмотреть исходный код веб -страницы
onclick = ”window.location =« view-source: »+« http://www.pconline.com.cn »>
12. Подтвердите, когда удаление
<a href = "javaScript: if (подтверждение (" Действительно ли это нужно удалить? ")) location =" boos.asp? & areyou = delete
& page = 1 ″ ”> delete </a>
13. Получите абсолютное положение управления
// javascript <script language = ”javascript”> function getie (e) {var t = e.offsettop; var l = e.offsetleft; while (e = e.offsetparent) {t+= e.offsettop; l+= e.offsetleft;} alert ("top ="+t+"/nleft ="+l);} </script> // vbscript <script language = ”vbscript”> <! function getie () dim t, l, bset, bSet a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagName< >"BODY"set a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox "top="&t&chr(13)&"left="&l,64,"get the control's position"end function>< /script>14. Курсор остановлен в конце текстового поля
<script language = ”javascript”> function cc () {var e = event.srcelement; var r = e.createTextrange (); r.movestart ("символ", e.value.length); r.collapse (true); r.select ();} < /script> <input type = name = value = ”value =” 123 ”onfocus =” ccript> <) <) int int int int int int int int int intembus = int int int intem.15. Определите источник предыдущей страницы
JavaScript:
Document.ReferRer
16. минимизировать, максимизировать, закрыть окна
<Object ID = HH1 classid = ”CLSID: ADB880A6-D8FF-11CF-9377-00AA003B7A11 ″> <param name =” command ”value =” Minimize ”> < /Object> <Object ID = HH2 ClassID =” CLSID: ADB880A6-D8FF-1CF -937777-00AA003B7B7B7A11A11A13B7B7A11A11. >B7A11.> name = ”command” value = ”maximize”> < /object> <object id = hh3 classid = ”clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11 ″> <param name =” command »value =” Close ”> < /object> <input type = value = minimize onclick = hh1.clic onclick = hh2.click ()> <input type = кнопка значения = закрыть onclick = hh3.click ()>
Этот пример относится к т.е.
17. Блок функциональных клавиш Сдвиг, Alt, Ctrl
<script> function sute () {if (event.shiftkey) Alert («Ключ сдвига запрещен!»); // можно заменить на alt ctrl} document.onkeydown = sight; < /script>18. Веб -страница не будет кэширована
<Meta http-equiv = ”pragma” content = ”no-cache»>
<Meta http-equiv = ”Cache-Control” Content = ”No-Cache, обязательно-ревалидат»>
<Meta http-eviv = ”expires” content = ”wed, 26 февраля 1997 г. 08:21:57 Gmt»>
Или <meta http-equiv = ”истекает” content = ”0 ″>
19. Как сделать форму, не имеет вогнутых и выпуклых чувств?
<input type = text style = ”Border: 1 Solid #000000 ″>
или
<input type = text style = ”border-left: none; граница правая: нет; граница-топ: нет; пограничный пакет:
1 Solid #000000 ″> < /textarea>
20. Разница между <div> <pan> и <dayer>?
<div> (разделение) используется для определения больших сегментов элементов страниц, которые вызовут передачу линии
<pran> используется для определения элементов в той же линии. Единственная разница между <div> заключается в том, что он не производит передачу линии
<Layer> является меткой NS, IE не поддерживает его, что эквивалентно <Div>
21. Пусть всплывающее окно всегда будет наверху:
<body onblur = "this.focus ();">
22. Не прокручивать батончики?
Пусть вертикальная планка не:
<body style = "переполнение: прокрутка; переполнение-y: скрыто">
< /body>
Пусть горизонтальная планка не:
<body style = "переполнение: прокрутка; переполнение-х: скрыт">
< /body>
Удалить оба? Это проще
<body scroll = "нет">
< /body>
23. Как удалить пунктирные линии вокруг изображения после нажатия на ссылку на изображение?
<a href = "#" onfocus = "this.blur ()"> <img src = "logo.jpg" border = 0> < /a>
24. Форма отправки обработки электронной почты
<form name = ”form1 ″ method =” post ”action =” mailto: ****@***. com ”ectype =” text/plain »>
<input type = отправить>
< /form>
25. Как написать в коде обновления родительского окна в окне «Открытое детское»?
window.opener.location.reload ()
26. Как установить размер страницы, чтобы открыть
<body onload = ”top.resizeto (300 200);”>
Место, где открывается страница <body onload = "top.moveby (300 200);">
27. Как добавить фоновое изображение, которое не заполнено на странице, и фоновое изображение остается неизменным при тяге на странице
<style>
Тело
{Facking-Image: нет; Восновная переписка: без повторения;
Справочная позиция: Центр; фоновая атакация: исправлена}
< /Style>
28. Проверьте, состоит ли строка из чисел
<script language = ”javascript»> <!
Функция CheckNum (str) {return str.match (// d/) == null}
оповещение (CheckNum ("1232142141"))))
оповещение (CheckNum ("123214214A1")))))
//> </script>
29. Получите размер окна
document.body.clientWidth; document.body.clientheight
30. Как определить, является ли это персонажем
if (/^/x00-/xff^/g.test(S)) Alert ("содержит китайские иероглифы");
else rewert («Все персонажи»);
31.textarea, сколько строк адаптивного текста
<textarea Rows = 1 name = s1 cols = 27 OnpropertyChange = ”this.style.posheight = this.scrollheight»>
< /textarea>
32. Дата минус дни, равные второй дате
<script language = javascript> function cc (dd, dadd) {// обработка ошибок может быть добавлено var a = новая дата (dd) a = a.valueof () a = a папа * 24 * 60 * 60 * 1000a = новая дата (a) alert (a.getallyear () + " + (a.getmonth () + 1)". "День")} CC ("23.12.2002", 2) </script>33. Какое радио было выбрано
<html> <script language = ”vbscript”> function chectme () для каждого OB в Radio1if ob.cecked window.alert ob.valuenextend function < /script> <body> <name = ”radio1 ″ type =” value = ”style” stected> style <name = ”radio ely type =” value = ”barcode”> value ‘value =” value = ”value = barcode”> barcode typet halkcode = barcode <> barcode <> barcd onclick = ”CheckMe ()”> < /body> < /html>
34. Сценарий никогда не идет не так
<Script language = ”javascript»> <! Hidefunction killerrors () {return true;} window.onerror = killerrors; //> </script>35. Ключ Enter позволяет курсору перейти к следующему поле ввода
<input onkeydown = ”if (event.keycode == 13) event.keycode = 9 ″>
36. Обнаруйте скорость ссылки определенного веб -сайта:
Добавьте следующий код в область <body>:
<сценарий языка = javascript> tim = 1setInterval ("tim ++", 100) b = 1var autourl = new Array () Autourl [1] = "www.njcatv.net" Autourl [2] = "Javacool.3322.net" Autourl [3] = "www.sina.com.cn" Autourl [4] = "www.nuaa.edu.cn" Autourl [5] = "www.cct name = autof> ") для (var i = 1; i <autourl.length; i ++) document.write (" <input type = text name = txt ”+i+” size = 10 value = in test ...> =》 <inputtype = textName = url ”+i+” size = 40> =》 input type = value = goonclick = window.open (this.form.url ”+i+”. Value)> ") document.write (" <input type = propect value = rebresh> </form> ")} butt () Функция Auto (url) {document.forms [0] [" url "+b] .value = urlif (tim> 200) {document.forms. [0]. Timeout "} else {document.forms [0] [" txt "+b] .value =" time "+tim/10+" seconds "} b ++} function run () {for (var i = 1; i <autourl.length; i ++) документ. height = 1onerror = auto ("http: //"+autourl+"")> ")} run () </script>37. Различные стили курсоров
Авто: стандартный курсор
По умолчанию: стандартная стрелка
Рука: ручная курсор
Подождите: дождитесь курсора
Текст: I-образный курсор
Вертикальный текст: горизонтальный I-образный курсор
Без капля: курсор не может быть перетаскивается
Не облегчен: неверный курсор
Помогите:? Помогите курсор
All-Scroll: отметка направления треугольника
Движение: мобильный тег
Crosshair: Crosshair
электронный раствор
n-resize
NW-Resize
W-Resize
S-Resize
Se-Resize
SW-Resize
38. Специальные эффекты для входа и выхода страницы
Введите страницу <meta http-equiv = ”page-enter” content = ”sependtrans (duration = x, transition = y)”>
Страница выпуска <meta http-equiv = ”page-exit” content = ”sevinetrans (duration = x, rening = y)”>
Это некоторые спецэффекты, когда страница загружается и вызывает. Продолжительность представляет продолжительность специального эффекта в секундах.
переход указывает, какой специальный эффект использовать, значение
1-23:
0 Прямоугольник сокращается
1 прямоугольник увеличение
2 раунда сокращения
3 Круговое увеличение
4 вниз вверх, чтобы освежить
5 освежить до вниз
6 освежить слева направо
7 справа налево
8 вертикальных жалюзи
9 горизонтальные жалюзи
10 перемещенных горизонтальных жалюзи
11 Вывихнутые вертикальные жалюзи
12 точек диффузии
13 освежить в середине
14 освежитесь в середине налево и вправо
15 в середине до вершины
16 вверх и вниз до середины
17 внизу справа вверху слева
18 сверху вправо слева
19 сверху слева вниз справа
20 нижнего слева справа
21 горизонтальные бары
22 вертикальные полосы
23 или более случайно выбирайте один из 22 типов
39. Прыгайте в течение указанного времени
<Meta http-equiv = v = ”refresh” content = ”5; url = http: //www.51js.com»>
40. Извлечена ли веб -страница
<meta name = ”robots” content = ”значение атрибута»>
Значения атрибутов следующие:
Значение атрибута - «все»: файл будет извлечен, а ссылки на странице могут быть запрошены;
Значение атрибута «нет»: файл не получен, а ссылки на странице не запрошены;
Значение атрибута - «Индекс»: файл будет извлечен;
Значение атрибута «Следуйте»: ссылка на странице запроса;
Значение атрибута - «noindex»: файл не получен, но может быть запрошен для ссылок;
Значение свойства «nofollow»: файл не получен, но ссылки на странице могут быть запрошены.
41. Введите
Используйте сценарий клиента, чтобы добавить событие документа OnkeyDown на страницу, чтобы страница могла выполнить вкладку после получения события возврата вагоны.
Функция ключа состоит в том, чтобы изменить ключевой код события с 13 на 9
Код JavaScript выглядит следующим образом:
<script language = ”javascript” for = ”document” event = ”onkeydown»> <! if (event.keycode == 13) event.keycode = 9;> </script>
Этот способ обработки может переместить фокус вниз, но он также играет ту же роль для кнопок. Как правило, клиенты закончили входить
После того, как данные перейдут на кнопку, лучше всего нажать «Введите» непосредственно, чтобы отправить данные. Следовательно, приведенный выше метод должен быть выполнен.
Для модификации кнопка «Отправить» не должна смещаться. Вместо этого подчинение должно быть активировано напрямую.
Поэтому я сделал изменение приведенного выше кода, то есть определить, является ли «источник» события кнопкой отправки. Код заключается в следующем:
<script language = ”javascript” for = ”document” event = ”onkeydown”> <! if (event.keycode == 13 && event.srcelement.type! = 'Кнопка' && event.srcelement.type! = 'supe' && event.srcelement.type! event.srcelement.type! = ") event.keycode = 9;> </script>
Определите, является ли это кнопкой, потому что будет кнопка Type = "на HTML
Определите, отправлено ли это, потому что есть тип = "отправить" на HTML
Определите, является ли он сброс, потому что «сброс» на HTML должен быть выполнен
Решение в том, что оно пусто, потому что «ссылка <a>» на HTML также должна быть выполнена. Эта ситуация не так и происходит. Вы можете использовать метод «tabindex = -1» для выявления и сфокусировки.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.