【1. Обычное всплывающее окно】.
На самом деле код очень простой:
<SCRIPT LANGUAGE=javascript>
<!--
окно.open('page.html')
-->
</СКРИПТ>
Поскольку это фрагмент кода JavaScript, его следует размещать между тегами <SCRIPT LANGUAGE=javascript> и </script>. <!-- и --> действуют для некоторых старых браузеров. В этих старых браузерах код в теге не будет отображаться в виде текста. Выработайте эту полезную привычку.
window.open('page.html') используется для управления всплывающим окном нового окна page.html. Если файл page.html не находится по тому же пути, что и главное окно, путь должен быть указан впереди. Допускаются абсолютный путь ([url]http:// )[/url] и относительный путь (../).
Вы можете использовать как одинарные, так и двойные кавычки, но не смешивайте их.
Этот фрагмент кода можно добавить в любом месте HTML, между <head> и </head> или между <body> и </body>. Чем раньше код, тем быстрее он будет выполнен, особенно если это страница. Код длинный, и вы хотите, чтобы страница открывалась раньше. Просто переместите его как можно дальше вперед.
[2. Всплывающее окно после настройки]
Поговорим о настройках всплывающих окон. Просто добавьте еще немного к приведенному выше коду. Давайте настроим внешний вид, размер и положение всплывающего окна в соответствии с конкретными условиями страницы.
<ЯЗЫК СКРИПТА=javascript>
<!--
window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, панель инструментов=нет, полоса меню=нет, полосы прокрутки=нет, изменяемый размер=нет,location=no , статус=нет')
//Пишем в одну строку
-->
</SCRIPT>
Объяснение параметра:
<SCRIPT LANGUAGE=javascript> запускается js-скрипт;
команда window.open для открытия нового окна;
'page.html' Имя файла всплывающего окна;
'newwindow' Имя всплывающего окна (не имя файла), необязательно, может быть заменено пустым '';
высота=100 высота окна;
ширина = 400 ширина окна;
top=0 значение пикселя над окном с экрана;
left=0 Значение пикселя окна с левой стороны экрана;
toolbar=no, отображать ли панель инструментов, да, чтобы отображать;
полоса меню, полосы прокрутки представляют собой полосы меню и полосы прокрутки.
resizable=нет, разрешить ли изменение размера окна, да, чтобы разрешить это;
location=no, отображать ли адресную строку, да, чтобы разрешить;
status=no, отображать ли информацию в строке состояния (обычно файл открыт), разрешено да;
</SCRIPT> js-скрипт завершается
[3. Использование функций для управления всплывающими окнами]
Ниже приведен полный код.
<html>
<голова>
<script LANGUAGE=javascript>
<!--
функция openwin() {
window.open (page.html, новое окно, высота = 100, ширина = 400, панель инструментов = нет, полоса меню = нет, полосы прокрутки = нет, изменение размера = нет, местоположение = нет, статус = нет)
//Пишем в одну строку
}
//-->
</скрипт>
</голова>
<body onload=openwin()>
...произвольное содержимое страницы...
</тело>
</html>
Здесь определена функция openwin(), содержимое которой предназначено для открытия окна. Оно бесполезно, пока его не вызовут.
Как это назвать?
Метод 1: <body onload=openwin()> Окно появляется, когда браузер читает страницу;
Способ 2: <body onunload=openwin()> Окно появляется, когда браузер покидает страницу;
Способ 3: вызов с подключением:
<a href=Примечание. Используйте «Метод 4: Вызов с помощью кнопки:
<тип ввода=кнопка onclick=openwin() value=открыть окно>
[4. Одновременно открываются 2 окна]
Внесите небольшие изменения в исходный код:
<script LANGUAGE=javascript>
<!--
функция openwin() {
window.open (page.html, новое окно, высота = 100, ширина = 100, верх = 0, лево = 0, панель инструментов = нет, полоса меню = нет, полосы прокрутки = нет, изменение размера = нет, местоположение = нет, статус = нет)
//Пишем в одну строку
window.open (page2.html, newwindow2, высота=100, ширина=100, верх=100, лево=100, панель инструментов=нет, полоса меню=нет, полосы прокрутки=нет, изменение размера=нет, местоположение=нет, статус=нет)
//Пишем в одну строку
}
//-->
</скрипт>
Чтобы два всплывающих окна не перекрывали друг друга, используйте кнопки «Вверх» и «Влево» для управления положением всплывающих окон, чтобы они не закрывали друг друга. Наконец, вы можете вызвать его, используя четыре метода, упомянутые выше.
Примечание. Имена двух окон (newwindows и newwindow2) не должны совпадать или все они должны быть пустыми. ХОРОШО?
[5. В главном окне открывается файл 1.htm, и одновременно появляется маленькое окно page.html]
В область <head> главного окна добавляется следующий код:
<script Language=javascript>
<!--
функция openwin() {
window.open(page.html,,width=200,height=200)
}
//-->
</скрипт>
Добавьте область <body>:
Просто <a href=1.htm onclick=openwin()>откройте</a>.
[6. Контроль времени закрытия всплывающих окон]
Далее мы осуществим некоторый контроль над всплывающими окнами, и эффект будет лучше. Если мы добавим небольшой фрагмент кода на всплывающую страницу (обратите внимание, что он добавляется в HTML-код page.html, а не на главную страницу, иначе...), не было бы круче, если бы он автоматически закрывался после 10 секунд?
Сначала добавьте следующий код в область <head> файла page.html:
<script Language=Javascript>
function closeit() {
setTimeout(self.close(),10000) //Миллисекунды
}
</script>
Затем используйте предложение <body onload=closeit()>, чтобы заменить исходное предложение <BODY> в page.html. (Не забудьте написать это предложение! Функция этого предложения — вызвать код для закрытия окна, а затем автоматически закрыть окно через 10 секунд.)
[7. Добавьте кнопку закрытия во всплывающее окно]
<ФОРМА>
<INPUT TYPE='BUTTON' value='Close' onClick='window.close()'>
</ФОРМ>
Ха-ха, теперь он стал еще прекраснее!
[8. Всплывающие окна включены — два окна на одной странице]
Все приведенные выше примеры содержат два окна: одно — главное окно, а другое — небольшое всплывающее окно.
С помощью следующего примера вы можете реализовать описанный выше эффект на одной странице.
<html>
<голова>
<ЯЗЫК СКРИПТА=javascript>
функция опенвин()
{
OpenWindow=window.open(, newwin, height=250, width=250,панель инструментов=нет,полосы прокрутки=+прокрутка+,менюбар=нет);
//Пишем в одну строку
OpenWindow.document.write(<TITLE>Пример</TITLE>)
OpenWindow.document.write(<BODY BGCOLOR=OpenWindow.document.write(<h1>Привет!</h1>)
OpenWindow.document.write(Открыто новое окно!)
OpenWindow.document.write(</BODY>)
OpenWindow.document.write(</HTML>)
ОткрытьОкно.документ.закрыть()
}
</СКРИПТ>
</голова>
<тело>
<a href=<тип ввода=кнопка onclick=openwin() значение=Открыть окно>
</тело>
</html>
Посмотрите на код OpenWindow.document.write(). Разве это не стандартный HTML? Просто напишите больше строк в соответствии с форматом. Обязательно обратите внимание, что если на одну метку больше или на одну метку меньше, возникнет ошибка. Не забудьте завершить его с помощью OpenWindow.document.close().
[9. Приложение Ultimate — управление всплывающими окнами с помощью файлов cookie.]
Напомним, что хотя приведенное выше всплывающее окно и классно, у него есть небольшая проблема (вы, должно быть, не заметили ее, если погружены в радость?). Например, если вы поместите приведенный выше скрипт на страницу, которую необходимо часто проходить (например, на домашнюю страницу), окно будет появляться каждый раз при обновлении страницы. Разве это не очень раздражает? :-(
Есть ли какое-нибудь решение? Да ;-) Следуй за мной.
Мы можем использовать файлы cookie, чтобы контролировать это.
Сначала добавьте следующий код в область <HEAD> HTML главной страницы:
<script>
функция openwin(){
window.open(page.html,,width=200,height=200)
}
функция get_cookie (Имя) {
вар поиск = Имя + =
вар возвращаемое значение = ;
если (documents.cookie.length > 0) {
смещение = document.cookie.indexOf(поиск)
если (смещение != -1) {
смещение += длина поиска
конец = document.cookie.indexOf(;, смещение);
если (конец == -1)
конец = document.cookie.length;
returnvalue = unescape(documents.cookie.substring(смещение, конец))
}
}
вернуть возвращаемое значение;
}
функция loadpopup(){
if (get_cookie('popped')==''){
опенвин()
документы.cookie=popped=да
}
}
</script>
Затем замените исходное предложение <BODY> на главной странице на <body onload=loadpopup()> (обратите внимание, что это не openwin, а loadpop!). Вы можете попробовать обновить страницу или войти на нее повторно, и окно больше никогда не появится. Настоящее поп-только один раз!
На данный момент навыки создания и применения всплывающих окон в основном завершены. Я тоже устал. Я сказал так много на одном дыхании. Надеюсь, это будет полезно друзьям, которые делают веб-страницы. Я очень рад. .
Следует отметить, что лучше всего поддерживать единообразие использования заглавных букв в сценариях JS.
1. Откройте полноэкранное окно
<html>.
<body onload=window.open('http://www.pconline.com.cn','example01','fullscreen');>;
<b>[url]www.e3i5.com[/url]</b>
</тело>
</html>
2. Всплывающее окно, преобразованное по F11
<html>
<body onload=window.open(''http://www.pconline.com.cn','example02','channelmode');>;
<b>[url]www.e3i5.com[/url]</b>
</тело>
</html>
3. Всплывающее окно с панелью избранных ссылок
<html>
<body onload=window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');>
<b>[url]www.e3i5.com[/url]</b>
</тело>
</html>
4. Диалоговое окно веб-страницы
<html>
<ЯЗЫК СКРИПТА=javascript>
<!--
showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
DialogLeft:200px;dialogTop:150px;center:да;справка:да;изменяемый размер:да;статус:да')
//-->
</СКРИПТ>
<b>[url]www.e3i5.com[/url]</b>
</тело>
</html>
<html>
<ЯЗЫК СКРИПТА=javascript>
<!--
showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
DialogLeft:200px;dialogTop:150px;center:да;справка:да;изменяемый размер:да;статус:да')
//-->
</СКРИПТ>
<b> target=_blank>[url]http://www.pconline.com.cn[/url]</b>
</тело>
</html>
showModalDialog() или showModelessDialog() для вызова диалогового веб-окна. Разница между showModalDialog() и showModelessDialog() заключается в том, что окно, открываемое функцией showModalDialog() (сокращенно модальное окно), размещается в родительском окне и должен быть закрыт для доступа к родительскому окну (рекомендуется использовать его как можно меньше, чтобы не обидеть людей); showModelessDialog() (называемый немодальным окном), вы можете получить доступ к окну, открытому родительским окном, не закрывая его. после открытия.
DialogHeight: iHeight устанавливает высоту диалогового окна.
DialogWidth: iWidth устанавливает ширину диалогового окна.
DialogLeft: iXPos устанавливает левое положение диалогового окна относительно верхнего левого угла рабочего стола.
DialogTop: iYPos устанавливает верхнее положение диалогового окна относительно верхнего левого угла рабочего стола.
центр: {да | нет | 1 | 0} Указывает, центрировать ли диалоговое окно на рабочем столе. Значение по умолчанию — «да».
help: {да | нет | 1 | 0 } Указывает, отображать ли значки контекстно-зависимой справки в диалоговом окне. Значение по умолчанию — «да».
изменяемый размер: {да | нет | 1 | 0} Указывает, можно ли изменить размер диалогового окна. Значение по умолчанию — «нет».
статус: {да | нет | 1 | 0} Указывает, отображается ли в диалоговом окне строка состояния. Значение по умолчанию — «да» для немодальных диалоговых окон и «нет» для модальных диалоговых окон.
Классический код веб-страницы
1. Правая кнопка мыши будет полностью заблокирована и контекстного меню не будет.
<body oncontextmenu=window.event.returnvalue=false>
также можно использовать во фрейме таблицы на веб-страницах.
<table border oncontextmenu=return(false)><td>нет</table>
2. Отмените выбор и запретите копирование.
<body onselectstart=return false>
3. Вставка не допускается.
<body onpaste=вернуть ложь>
4. Запретить копирование
<body oncopy=return false; oncut=return false;>
5. Измените адресную строку IE на свой собственный значок.
<link rel=Значок ярлыка href=favicon.ico>
Описание: О создании файла favicon.ico. Вы можете сначала создать в FW картинку, небольшую иконку для собственного сайта. Затем измените атрибуты файла на *.ico в ACD, а затем перенесите созданный вами файл *.ICO в каталог вашего сервера. Затем вы можете использовать приведенный выше код, чтобы добиться этого, когда другие войдут на ваш сайт по адресу. bar Используйте свой собственный значок.
6. Ваш значок может отображаться в избранном.
<link rel=Bookmark href=favicon.ico>
Инструкции: Метод изготовления такой же, как указано выше. Просто способ отображения другой. Это персонализированный значок, который отображается, когда другие добавляют ваш веб-адрес в закладки.
7. Закройте метод ввода
<input style=ime-mode:disabled>
Объяснение: Этот код используется при отправке формы. То есть другие режимы метода ввода при вводе данных использовать нельзя.
8. Всегда носите с собой рамки
<script Language=JavaScript><!--
if (window == top)top.location.href =frame.htm;// --></script>
Объяснение:frames.htm — это ваша веб-страница. Это также способ защитить страницу.
9. Не допускайте фальсификаций
<SCRIPT LANGUAGE=javascript><!--
если (top.location != self.location)top.location=self.location;
// --></СКРИПТ>
10. Веб-страницы не будут сохранены как
<noscript><iframe src=*.html></iframe></noscript>
Примечание. <noscirpt> имеет широкий спектр применений, одно из которых — аннулирование рекламы JS.
11. Проверьте исходные файлы
<тип ввода=значение кнопки=Просмотр исходного кода веб-страницы
onclick=window.location = 'view-source:'+ target=_blank>[url]http://bbs.055.cn/test.htm[/url]';>
12. Запись сценария COOKIE очень полезна.
function get_cookie(Name) {
var search = Name + =
var returnvalue = ;
if (documents.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // если файл cookie существует,
offset += search. length
// устанавливаем индекс начала значения
end = document.cookie.indexOf(;, offset
// устанавливаем индекс конца значения cookie
if (end == -1)
end = document.cookie.length;
returnvalue=unescape)
;(documents.cookie.substring(offset, end))
}
}
return returnvalue
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie=popped=yes
}
}
Примечание. Выше приведен код JS, пожалуйста, добавьте начальный и конечный символы самостоятельно.
13. Использование внутренней рамки <IFRAME>
Формат использования тега Iframe:
<iframe src=URL width=x height=x прокрутка=[OPTION]frameborder=x
name=main></iframe>
src: путь к файлу, который может быть файлом HTML, текстом, ASP и т. д.
ширина, высота: ширина и высота внутренней области рамы;
прокрутка: если указанный HTML-файл SRC не отображается в указанной области, для параметра прокрутки, если установлено значение «НЕТ», полоса прокрутки не появится, если установлено значение «Авто»: полоса прокрутки появится автоматически, если установлено значение «Да»; он будет отображаться; FrameBorder: ширина границы области. Чтобы смешать «внутреннюю рамку» с прилегающим содержимым, ей часто присваивается значение 0.
name: Имя платформы, используемое для идентификации.
Например: если вы хотите использовать родительский фрейм для управления внутренним фреймом, вы можете использовать: target=имя фрейма для управления.
Пример: <iframe name=mm src=http://bbs.055.cn;; width=100% height=100%marginwidth=0marginheight= ... ot;frameborder=0 прокрутка=no></iframe>
14 .Добавьте следующий код для автоматического перехода к <head>…</head> в исходном коде:
<meta http-equiv=refreshcontent=3;URL=http://bbs.055.cn>
Объяснение: content=3 означает обновление URL-адреса через 3 секунды;
15. Как изменить форму ссылки мыши? Просто добавьте этот код к ссылке или напишите его на CSS, как указано выше
style=cursor:hand style=cursor:crosshair.
стиль=курсор:текст стиль=курсор:подождите
стиль=курсор:переместить стиль=курсор:помощь
стиль = курсор: электронное изменение размера
стиль = курсор: n-изменение размера
стиль = курсор: nw-resize стиль = курсор: w-resize
стиль = курсор: s-resize
стиль = курсор: se-resize
style=cursor:sw-resize
Вам нужно всего лишь добавить приведенный выше код в ссылку или область стилей страницы, чтобы разнообразить мышь.
16. Полноэкранный режим.
<форма>
<div align=center>
<тип ввода=имя КНОПКИ=значение FullScreen=Полноэкранный режим onClick=window.open(document.location, 'big', 'fullscreen=yes')>
</div>
</form>
Поместите его в область <body>.
17. Установить в качестве домашней страницы
<script Language=Javascript>.
<!--
функция default_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage([url]http://bbs.055.cn/[/url]';
}
вар focusok = ложь;
если (navigator.appName == Netscape{
фокусок = правда;
}
vers=navigator.appVersion;
if (navigator.appName == Microsoft Internet Explorer{
pos=vers.lastIndexOf('.');
vers=vers.substring(pos-1,vers.length);
}
правильная_версия = parseFloat (верс);
если (правильная_версия> = 5) {
фокусок = правда;
}
функция launchstock1(htmlurl){
var stock=window.open(htmlurl,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
изменяемый размер = нет, ширина = 700, высота = 510;
если(фокусок){
акции.фокус();
}
вернуть истину;
}
функция launchstock(){
var stock=window.open(,stock,top=2,left=2,toolbar=no,location=no,directory=no,status=no,menubar=no,scrollbars=yes,
resizable=no,width=700, высота=510;
если(фокусок){
акции.фокус();
}
вернуть истину;
}
// -->
</скрипт>
<a href=# name=home onClick=default_home(); title===Время создания электронного письма==>Установить в качестве домашней страницы</a>
18. Вот код для добавления в избранное
<a href=# onClick=window.external.addFavorite([url]http://bbs.055.cn[/url]';.'Dawn Accord') target=_self title = Dawn Accord>Добавить в избранное</a>
19. В область <head> добавлен следующий код для эффектов флэш-изображения.
<язык SCRIPT=javascript>
<!--
функция makevisible(cur,который){
если (который == 0)
cur.filters.alpha.opacity=100
еще
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
Следующий код добавляется в область <body>
<img src=/u/info_img/2009-06/08/logo.gif;; style=filte ... nbsp;onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) width=63 height=56 > //Пожалуйста, измените адрес изображения самостоятельно
20.загрузка индикатора выполнения
<table cellpacing=0 cellpadding=0 bgcolor=#FFFFFF width=40% id=P><tr><td>
<table cellpacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td></td></tr></table></td></tr></table>
</центр>
<язык сценария=javascript>
вар Р = 0; загрузить ();
функция load() {R = R + 2; Q.style.width = R + %; время = setTimeout(load(),50);
если (R > 100) {clearTimeout(время P.style.width=0}}
</скрипт>
27 полный экран
<язык сценария=javascript>
window.open('index.asp','','fullscreen=1');
</скрипт>
21. Прокрутка фонового изображения
<body Scroll=no Background=images/bg.jpg link=#00FF00 alink=#FF0000 vlink=#00FF00 bgcolor=#000080 topmargin=8>
<язык сценария=javascript>
вар фонОффсет = 0;
var bgObject = eval('document.body');
функция прокруткиBG (maxSize) {backgroundOffset = backgroundOffset + 1;
если (backgroundOffset > maxSize) BackgroundOffset = 0;
bgObject.style.backgroundPosition = 0 + backgroundOffset;}
varScrollTimer = window.setInterval(scrollBG(410), 20)
</скрипт>
22.Веб-страницы не будут кэшироваться
HTML-страницами.
<META HTTP-EQUIV=pragma CONTENT=без кэша>
<META HTTP-EQUIV=Cache-Control CONTENT=нет кэша, необходимо выполнить повторную проверку>
<META HTTP-EQUIV=истекает CONTENT=Ср, 26 февраля 1997 г., 08:21:57 GMT>
Или <META HTTP-EQUIV=истекает CONTENT=0>
Веб-страница ASPResponse.Expires = -1
Response.ExpiresAbsolute = Сейчас() - 1
Response.cachecontrol = без кэша
Веб-страница PHP
заголовок (Срок действия истекает: понедельник, 26 июля 1997 г., 05:00:00 по Гринвичу;
заголовок (Cache-Control: нет кэша, необходимо выполнить повторную проверку;
заголовок(Pragma: no-cache;
23.
<%
'Определяем некоторые константы для подключения к базе данных
Const adOpenForwardOnly = 0 'Курсор просматривает записи только вперед и не поддерживает разбиение по страницам, Recordset, BookMark
Const adOpenKeyset = 1 'Курсор набора ключей. Изменения, внесенные в записи другими пользователями, будут отражены в наборе записей, но записи, добавленные или удаленные другими пользователями, не будут отражены в наборе записей. Поддержка пейджинга, набора записей, закладок
Const adOpenDynamic = 2 'Динамические курсоры обладают наиболее мощными функциями, но при этом потребляют больше всего ресурсов. Изменения, внесенные пользователями в записи, добавление или удаление записей, будут отражены в наборе записей. Поддерживает полнофункциональный просмотр (не поддерживается ACCESS).
Const adOpenStatic = 3 'Статический курсор — это просто снимок данных. Изменения, внесенные пользователем в записи, добавление или удаление записей, не будут отражены в наборе записей. Поддерживает движение вперед или назад
Const adLockReadOnly = 1 'Тип блокировки, по умолчанию, только для чтения, изменения невозможны.
Const adLockPessimistic = 2 'Немедленно блокировать запись при редактировании, самый безопасный способ
Const adLockOptimistic = 3 'Набор записей блокируется только при вызове метода Update, а другие предыдущие операции по-прежнему могут изменять, вставлять и удалять текущую запись.
Const adLockBatchOptimistic = 4 'Записи не блокируются при редактировании, а изменения, вставки и удаления выполняются в пакетном режиме.
Конст adCmdText = &H0001
Конст адкмдтабле = &H0002
%>
24. Сворачивание, развертывание и закрытие окон.
<идентификатор объекта=hh1 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<имя параметра=Значение команды=Свернуть></объект>
<идентификатор объекта=hh2 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<имя параметра=Значение команды=Развернуть></объект>
<ИДЕНТИФИКАТОР ОБЪЕКТА=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>
<ИМЯ ПАРАМА=Значение команды=Закрыть></ОБЪЕКТ>
<тип ввода=значение кнопки=свернуть onclick=hh1.Click()>
<тип ввода=значение кнопки=развернуть onclick=hh2.Click()>
<input type=button value=Close onclick=hh3.Click()>
Примечание. Этот пример подходит для IE.
25. Определите источник предыдущей страницы
asp:
request.servervariables(HTTP_REFERER
яваскрипт:
документ.реферер
26. Курсор останавливается в конце текста в текстовом поле
<script Language=javascript>.
функцияcc()
{
вар е = event.srcElement;
вар r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(истина);
р.выбрать();
}
</скрипт>
<input type=text name=text1 value=123 onfocus=cc()>
Описание: подходит для отправки данных формы.