Я думаю, что большинство из вас знают, как использовать веб-страницы для всплывающих окон в различных формах, но давайте узнаем о том, как создать различные всплывающие окна сегодня:
1. Откройте полноэкранное окно
Код заключается в следующем:
<html> <body //www.vevb.com ',' wulin.com ',' fullscreen '); ">; <b> www.vevb.com </b> </body> </html>
2. Откройте окно, которое было преобразовано F11
Код заключается в следующем:
<html> <body '//www.vevb.com', 'wulin.com', 'channelmode'); ">; <b> www.vevb.com </b> </body> </html>
3. Откройте окно с панелью инструментов из любимой ссылки
Код заключается в следующем:
<html> <body www.wangye8.com ',' wulin.com ',' width = 400, height = 300, каталог '); "> <b> www.wangye8.com </b> </body> </html>
4. Диалоговое окно веб -страницы
Код заключается в следующем:
<html> <script language = "javascript"> <!-showmodaldialog ('// www.vevb.com,' wulin.com ',' Dialogwidth: 400px; DialogHeight: 300px; Dialogleft: 200px; Dialogtop: 150px; Центр: Да; <b> www.wangye8.com </b> </body> </html> <html> <script language = "javascript"> <!- ShowmodelessDialog ('// www.vevb.com,' wulin.com ',' dialogwidth: 400px; Dialogheight: 300px; Dialogleft: 200px; Dialogtop: 150px; Center: yes; справка: да; <b> http://www.wangye8.com </b> </body> </html>Showmodaldialog () или ShowmodelessDialog () для вызова веб -диалогового окна. Что касается разницы между Showmodaldialog () и ShowmodelessDialog (), это то, что окно, открытое Showmodaldialog () (называемое окном режима), помещается в родительское окно и должно быть закрыто для доступа к родительскому окну (рекомендуется использовать его как можно меньше, чтобы избежать отвращения); ShowmodelessDialog ()
Dialogheight: Iheight устанавливает высоту диалогового окна.
Dialogwidth: iwidth устанавливает ширину диалогового окна.
Dialogleft: IXPOS устанавливает левое положение диалогового окна относительно верхнего левого уголка рабочего стола.
Dialogtop: Iypos устанавливает верхнюю позицию диалогового окна относительно верхнего левого углу рабочего стола.
Центр: {да | Нет | 1 | 0} Указывает, центрируется ли диалоговое окно на рабочем столе, значение по умолчанию - «Да».
Помощь: {да | Нет | 1 | 0} указывает, отображается ли контекстный значок справки в диалоговом окне. Значение по умолчанию - «да».
Репреззовать: {да | Нет | 1 | 0} указывает, является ли размер диалогового окна переменным. Значение по умолчанию - «нет».
Статус: {да | Нет | 1 | 0} указывает, отображается ли строка состояния в диалоговом окне. Для Windows в диалоговом окне, не являющемся режимами, значение по умолчанию-«да»; Для Windows для диалога режима значение по умолчанию - «нет».
5. Другие коды всплывающих окон
Друзья, которые часто серфинг в Интернете, могли посещать такие сайты. Как только они входят на домашнюю страницу, сразу появится окно, или нажмет на всплывающую связь или кнопку кнопки. Обычно некоторые меры предосторожности, информация об авторском праве, предупреждения, приветствия и т. Д. Или информацию, которую автор хочет дать специальные подсказки. На самом деле, очень легко сделать такую страницу. Просто добавьте несколько кода сценария Java в HTML страницы. Далее я возьму вас, чтобы проанализировать его загадку.
【Самый базовый код всплывающего окна】】
На самом деле, код очень прост:
Код заключается в следующем:
<Script language = "java script"> <!-window.open ('page.html')-> </script>Поскольку это часть кода сценария Java, их следует размещать между <script language = "java script"> Tag и </script>. <!-и-> полезны для некоторых браузеров с более низкими версиями. Если сценарий Java не поддерживается в этих старых браузерах, код в теге не будет отображаться в виде текста.
Window.open ('page.html') используется для управления всплыванием новой страницы Window.html. Если Page.html не находится на том же пути, что и главное окно, путь должен быть записан впереди, как абсолютный путь (http: //), так и относительный путь (../) в порядке.
Это нормально использовать одиночные и двойные цитаты, но не смешивайте их.
Этот кусок кода может быть добавлен в любое место HTML, и его можно добавить между <Head> и </head>. Чем выше позиция, тем более раннее выполнение, особенно когда код страницы длиннее, постарайтесь выдвинуть ее, если вы хотите, чтобы страница появилась рано.
【Всплывающее окно после настройки】
Давайте поговорим о настройках появления всплывающего окна. Просто добавьте немного больше в приведенный выше код.
Давайте настроим внешний вид, размер и всплывающее окно этого всплывающего окна в соответствии с конкретной ситуацией страницы.
Код заключается в следующем:
<Script language = "java script:> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, левый = 0, панель инструментов = нет, menubar = no, scrollbars = no, resizable = no, location = no, no') // Напишите как одна строкаПояснение параметра:
<Script language = "java script"> сценарий JS запускается;
window.open команда для появления нового окна;
page.html Имя файла нового окна появляется;
Имя всплывающего окна NewWindow (не имя файла), которое может быть заменено пустым »;
высота = 100 высота окна;
top = 0 значение пикселя окна из верхней части экрана;
слева = 0 значение пикселя окна с левой стороны экрана;
Панель инструментов = нет, отобразить ли панель инструментов, да - дисплей;
Menubar, Scrollbars означает бар меню и прокрутку;
RESIZABLE = Нет, разрешить ли изменение размера окна, да разрешено;
местоположение = нет, если отображать адресную строку, да, дано;
Статус = нет, если отображать информацию в строке состояния (обычно файл уже открыт), да разрешено;
</Script> сценарий JS заканчивается.
【Используйте функции для управления всплывающими окнами】
Вот полный код.
Код заключается в следующем:
<html> <head> <script language = "java script"> <!-function openwin () {window.open ("page.html", "newwindow", "height = 100, width = 400, notbar = no, menubar = no, scrollbars = no, resizeable = no, location = no, no no";). </head> <body> ... Промышленное содержание страницы ... </body> </html>Вот определенная функция OpenWin (), и содержимое функции - открыть окно. Там нет пользы, пока это не будет вызвано. Как это назвать?
Метод 1: <Body> появляется всплывающее окно, когда браузер считывает страницу;
Метод 2: <body> появляется всплывающее окно, когда браузер покидает страницу;
Метод 3: Вызов с подключением: <a href = "#"> Откройте окно </a>
Примечание: используется «#» виртуальное соединение.
Метод 4: вызовите кнопкой: <input type = "button" value = "Open Window">
[Файл 1.HTM открыт в главном окне, и небольшая страница окна. HTML появляется одновременно]
Добавьте следующий код в главное окно <Head> область:
Код заключается в следующем:
<script language = "java script"> <!-function openwin () {window.open ("page.html", "", "width = 200, height = 200";)} //-> </script>Просто добавьте <Body> область: <a href = "1.htm"> open </a>.
【Контроль управления временным контролем закрытия для всплывающего окна】
Давайте возьмем некоторый контроль над всплывающим окном, и эффект будет еще лучше. Если мы добавим небольшой кусок кода на всплывающую страницу (обратите внимание, что он добавляется в HTML Page.html, а не на главную страницу, в противном случае ...), разве не было бы круче, чтобы он закрылся автоматически через 10 секунд?
Сначала добавьте следующий код в область <Head> файла Page.html:
Код заключается в следующем:
<script language = "java script"> function bellowit () {settimeout ("self.close ()", 10000) // ms} </script>Затем используйте предложение <body> вместо исходного предложения <body> в page.html. (Не забудьте написать это предложение! Цель этого предложения состоит в том, чтобы вызвать код, который закрывает окно, и закрыть окно сами через 10 секунд.)
【Добавить кнопку закрытия во всплывающее окно】
Код заключается в следующем:
<форма>
<Input type = 'button' value = 'close'
</form>
Ха -ха, сейчас это более идеально!
[Включено окно -всплывающее окно - два окна на страницу]
Все вышеупомянутые примеры содержат два окна, одно-главное окно, а другое-всплывающее окно.
С следующим примером вы можете завершить вышеуказанный эффект на странице.
Код заключается в следующем:
<html> <Head> <script language = "java script"> function openwin () {openwindow = window.open ("" "," newwin "," height = 250, width = 250, toolbar = no, scrollbars = "+scroll+", menubar = no ";); // Напишите это как строка openwindow.document.write ("<title> Пример </title>";) openwindow.document.write ("<body bgcolor =#fffff>";) openwindow.document.write ("<h1> Привет! Openwindow.document.write ("</body>";) openwindow.document.write ("</html>";) openwindow.document.close ()} </script> </head> <body> <a href = "#"> open window </a> <input = "value =" open window "> </href> </hto> </hto> </htby> </htby> </ht> </htby> </h.Давайте посмотрим, является ли код в openwindow.document.write () не стандартным HTML? Просто напишите больше строк в формате. Будьте осторожны, что если еще одна метка или одна метка будет вызвать ошибки. Не забудьте закончить с OpenWindow.document.Close ().
【Ultimate Application - управление файлами cookie в всплывающем окне】
Напомним, что, хотя всплывающее окно выше прохладное, есть небольшая проблема (вы погружены в радость, вы не должны его найти, верно?) Например, если вы помещаете сценарий выше на странице, которая должна часто проходить (например, домашняя страница), то каждый раз, когда вы обновляете эту страницу, окно появляется один раз. Разве это не очень раздражает? Есть решение? Да! Подписывайтесь на меня. Нам просто нужно использовать файлы cookie для его управления.
Сначала добавьте следующий код в область <Head> главной страницы HTML:
Код заключается в следующем:
<script> function openpopup () {window.open ("hello.htm", "", "width = 300, height = 300") // Модифицировать всплывающее окно сами} function get_cookie (name) {var search = name + "=" var returnvalue = ""; if (documents.cookie.length> 0) {offset = documents.cookie.indexof (search) if (offset! = -1) {// Если cookie существует offset += search.length // Установить индекс начала значения end = documents.cookie.indexof (";", offset); // Установить индекс значения окончания cookie if (end == -1) end = documents.cookie.length; returnValue = unescape (documents.cookie.substring (offset, end))} returnvalue; } function LoadPoPup () {if (get_cookie ('popped') == ') {openpopup () documents.cookie = "popped = yes"}} </script>Введите следующий код в область тела:
<body> // pop, когда страница уйти
или:
<body> // pop, когда ввод страницы
Вы можете попробовать обновить эту страницу или повторно ввести ее, и окно больше никогда не появится. Настоящий только поп-он!
Написав это, в основном были закончены производственные и примененные методы всплывающих окон. Я надеюсь, что я буду очень рад помочь своим друзьям, которые делают веб -страницы.
Следует отметить, что дело в сценариях JS лучше всего оставаться последовательным до и после.
Всплывающие окна без меню, панели инструментов и адресных полос:
Код заключается в следующем:
<script language = "java script"> <!- var gt = unescape ('%3e'); var popup = null; var Over = "Запуск всплывающего навигатора"; Popup = window.open ('', 'PopupNav', 'ширина = 500, высота = 500, sticable = 0, scrollbars = auto'); // width = 500, высота = 500 - длина окна и ширина if (opup! = null) {if (opup.opener == null) {popup.opener = self; } popup.location.href = 'Имя файла, которое должно быть открыто'; } // -> </script>Метод 2: Приложение файлов cookie: управляющее всплывающее окно. Когда мы устанавливаем всплывающее окно в поп -всплывающем окне на странице, каждый раз, когда мы переименоваем страницу, окно поп -окна автоматически появляется, что вызывает ненужные проблемы. Так как решить эту проблему? Здесь я буду использовать простой пример, чтобы объяснить, как сделать всплывающее окно всплывающее окно только при просмотре страницы в первый раз, используя файлы cookie, и в будущем больше не будет раздражать!
Скопируйте код следующим образом: <Script> function OpenPopWindow () {window.open ("hello.htm", "", "width = 200, height = 200" // Модифицируйте всплывающее окно сами} get_cookie (name) {var search = name + "= var returnvalue =" "; if (documents.cookie.length> 0) {offset = worpset = affset = {offset = {offset = 0) {offset = 0). Documents.cookie.indexof (Search); returnValue = unescape (documents.cookie.substring (Offset, End))} returnValue;
Введите вышеуказанный код в область тела: <body> // Показ при выходе из страницы
Или: <body> // эффект всплывающего окна появляется, когда страница появляется при выходе на страницу:
Эффект: когда другие закрывают эту страницу, появляется окно, и вы можете написать некоторые слова благословения
Основной код:
Код заключается в следующем:
<script language = "javaScript"> <!-begin function deal () {window.open ('1.htm', ", 'neftrabar = no, menubar = no, location = no, высота = 225, ширина = 235'); break} // end-> </script>Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.