1. Три наиболее распространенных диалоговых окна в JS
// ================================================================================================ } // всплывает окно запроса, с подтверждением и отменой кнопок Function Firm () {// Использование значения, возвращаемого диалоговым окном (TRUE или FALSE) if (Подтверждение («Вы обязательно отправите? } else {alert ("Нажал, чтобы отменить"); }} // всплывает окно ввода, входит в абзац текста, и вы можете отправить функцию PROM () {var name = raffic («Пожалуйста, введите свое имя», «»); // Присвоение входного содержимого на имя переменной, // здесь следует отметить, что Propt имеет два параметра. Если подсказка является подсказкой, а затем значение по умолчанию в диалоговом окне после того, как выйдет диалоговое окно .//if возвращаемый контент {alert ("vallow:" + name)}}}}2. 6 полевых поле и операции, обычно используемые при нажатии кнопок
<! -------------------------> <input type = "кнопка" name = "btn2" id = "btn2" value = "delete" onclick = "return enform ('yes/no'););); <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------. onclick = "javascript: window.location.href = 'http: //www.baidu.com';"/> <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- javaScript: window.location.reload (); // Возвращение на текущую страницу и обновление <! ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------3. всплывающее независимое окно
// Закройте, в диалоговом окне появляется диалоговое окно в родительском окне, и окно дочернего окна прямо закрывает это.response.write ("<script language = javascript> window.close (); </script>"); // ЗАКРЫТЬ, ни родительское окно, ни окно дочернего окна не появляются в родительском окне, непосредственно закрывает это.response.write ("<cript>"); this.response.write ("{top.opener = null; top.close ();}"); this.response.write ("</script>"); // Популярное окно обновляет текущая ширина страницы = 200 высот = 200 меню. Бар меню, панель инструментов, адресная строка, строка состояния не имеет этого. Response.write ("<сценарий языка = javascript> window.open ('rows.aspx', 'newwindow', 'width = 200, height = 200') </script>"); // всплывающее окно обновляет текущую страницу this.response.write ("<script language = javascript> window.open ('row.aspx') </script>"); this.response.write ("<script> window.open ('webform2.aspx', '_ blank'); </script>"); // Окно всплывающего окна переходит на страницу WebForm2.aspx (в окне IE) this.Response.write ("<script language = javascript> alert ('зарегистрирован успешно'); window.location.href = 'webform2.aspx'; </script>"); // Закройте текущее окно ребенка и обновите родительское окно this.response.write ("<script> window.opener.location.href = window.opener.location.href; window.close (); </script>"); this.response.write ("<script> window.opener.location.replace (window.opener.document.referrer); window.close (); </script>"); // окно дочернего окна обновляет родительское окно this.response.write ("<script> window.opener.location.href = window.opener.location.href = 'webform1.aspx'; </script>"); // окно дочернего окна обновляет родительское окно this.response.write ("<script> window.opener.location.href = 'webform1.aspx'; </script>"); // детское окно появляется. После подтверждения появляется окно дочернего окна (webform2.aspx) this.response.write ("<script language = 'javascript'> alert ('Опубликовано успешно!'); Window.open ('webform2.aspx') </script>"); // появляется окно подсказки, и после подтверждения обновите родительское окно this.response.write ("<script> alert ('Успешно!'); Window.opener.location.href = window.opener.location.href; </script>"); // на той же странице появляется <input type = "button" value = "onclick =" javascript: window.open (window.location.href) "> // response.write (" parent.mainframebottom.location.href = 'yourwebform.aspx? Temp = " +str +"; "); <Script language = "javascript"> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, левый = 0, панель инструментов = нет, menubar = no, scrollbars = no, resizable = no, location = nate = no') // Записывается одна линия.Пояснение параметра:
window.open команда для появления нового окна;
'Page.html' Имя файла во всплывающем окне;
«NewWindow» Имя всплывающего окна (не имя файла), если не требуется, его можно заменить пустым '';
высота = 100 высота окна;
ширина = 400 ширина окна;
top = 0 значение пикселя окна из верхней части экрана;
слева = 0 значение пикселя окна слева от экрана;
Панель инструментов = нет, отобразить ли панель инструментов, да - дисплей;
Menubar, Scrollbars означает бар меню и прокрутку.
RESIZABLE = Нет, разрешить ли изменение размера окна, да разрешено;
местоположение = нет, если отображать адресную строку, да, дано;
Статус = нет, если отображать информацию в строке состояния (обычно файл уже открыт), да разрешено;
'Newwin': скрыть панель инструментов для бара меню меню
4. Демонстрация всплывающего окна
// 1. Самое основное окно кода всплывающего окна. Open ('page.html') // 2. Всплывающее окно после настройки window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, nointbar = no, menubar = no, scrollbars = no, stocable = no, местоположение = no, nat ’no') // Это предложение должно быть записано в одну строку // parameter inprevanate. //'page.html 'Имя файла всплывающего окна; // 'newwindow' Имя всплывающего окна (не имя файла), если не требуется, вы можете использовать пустое '' вместо этого; // высота = 100 высота окна; // ширина = 400 ширина окна; // top = 0 пиксельное значение окна из верхней части экрана; // левое = 0 пиксельное значение окна с левой стороны экрана; // панель инструментов = нет, отобразить ли панель инструментов, да - дисплей; // Menubar, Scrollbars представляет собой планку меню и прокрутки. // messizable = нет, разрешить ли изменение размера окна, да разрешено; // location = нет, если отображать адресную строку, да, дано; // status = нет, отобразить ли информацию в строке состояния (обычно файл открыт), да разрешено; // 3. Используйте функцию для управления функцией всплывающего окна openWin () {window.open ("page.html", "newwindow", "height = 100, width = 400, wanbar = no, menubar = no, scrollbars = no, resizable = no, location = no, no") // написать его как строка} $ (document). // функция OpenWin () определена здесь, и содержимое функции - открыть окно. Там нет пользы, пока это не будет вызвано. Как это назвать? // Метод 1: <Body Onload = "openWin ()"> всплывающее окно-это когда браузер считывает страницу; // Метод 2: <body onUnload = "openWin ()"> всплывающее окно-это когда браузер покидает страницу; // Метод 3: Вызовите с помощью соединения: // <a href = "#" onclick = "openwin ()"> открыть окно </a> // Примечание: используется «#» виртуальное соединение. // Метод 4: вызовите с одной кнопкой: // <input type = "button" onclick = "openwin ()" value = "openwin ()"> // 4, 2 Windows появляются в одну и ту же функцию времени openwin () {window.open ("page.html", "newWindow", «Высот = 100, width = 100, top = 0, left = 0, noolbar = no, no, no, nobolbar = no, no, no nootbar = no, no, no nootbar = no, no, scoll = no, scoll = no, no, scoll = no, scoll = no, no, no, no nootbar = RESIZABLE = NO, location = no, natual = no ") // Записать его в линейное windo.open (" page2.html "," newwindow2 "," height = 100, width = 100, top = 1 00, слева = 100, barebar = no, menubar = no, scrollbars = no, resizeable = no, loca = no, no, no no, no is as a as a is as a as a as a is as a is as a is as a is a is is is is as a is a is a is a is is is is a is a is a selectable = no oction = no. Окна, которые всплывают, используйте верхнюю часть и оставляйте, чтобы управлять положением всплывающего окна и не перезаписывают друг друга. Наконец, используйте четыре метода, упомянутые выше, чтобы назвать это. // Примечание: имена (NewWindows и NewWindow2) двух окон не должны быть одинаковыми, или они просто пусты. // 5. Откройте файл 1.htm в главном окне, и в небольшом окне появляется функция page.html openwin () {window.open ("page.html", "", "width = 200, height = 200")} // call: <a href = "1.htm" onclick = "openwin ()"> open </a> // 6. Заключительное управление закрытием всплывающего окна // low Мы выполним некоторое управление во всплывающем окне, и эффект будет лучше. Если мы добавим небольшой кусок кода на всплывающую страницу (обратите внимание, что он добавляется в HTML Page.html, а не на главную страницу), разве не было бы круче, чтобы он закрылся автоматически через 10 секунд? // Сначала добавьте следующий код в область <Head> файла Page.html: function slowit () {settimeout ("self.close ()", 10000) // MS} // Загрузка страницы завершена и вызывает событие закрытия $ (document) .ready (fucntion () {owd ();}); // 7. Добавьте кнопку «Закрыть» в всплывающее окно // <input type = 'кнопка' value = 'close' onclick = 'window.close ()'> // 8. Включено всплывающее окно-одна страница и два Windows // Приведенные выше примеры содержат два окна, одно-главное окно, а другое-всплывающее окно. С следующим примером вы можете завершить вышеуказанный эффект на странице. function openWin () {openWindow = window.open ("", "newwin", "высота = 250, ширина = 250, панель инструментов = нет, scrollbars =" + scroll + ", menubar = no"); // Напишите это как строка openwindow.document.write ("<title> Пример </title>") openwindow.document.write ("<body bgcolor =#ffffff>") openwindow.document.write ("<h1> Привет! Openwindow.document.write ("</body>") openwindow.document.write ("</html>") openwindow.document.close ()} // <a href = "#" onclick = "openwin ()"> open wopine </a> // <input type = "onclick =" openwin () "openwin ()" openwin () "openwin ()" openwin () "openwin ()" openwin () "openwin ()" openwin () "openwin ()" openwin () "openwin ()" openwin () " // 9. Ultimate Application-Popular Window Cookie Control // Напомним, что, хотя всплывающее окно выше круто, есть небольшая проблема. Например, если вы размещаете сценарий выше на странице, которая должна часто проходить (например, домашняя страница), то каждый раз, когда вы обновляете эту страницу, окно появляется один раз, и мы просто используем файлы cookie для ее управления. // Сначала добавьте следующий код в область <head> основной страницы html: function openwin () {window.open ("page.html", "", "width = 200, ware = 200")} function get_cookie (name) {var search = name + "=" var returnvalue = ""; if (document.cookie.length> 0) {offset = document.cookie.indexof (search) if (offset! = -1) {offset += search.length end = document.cookie.indexof (";", offset); if (end == -1) end = document.cookie.length; returnValue = unescape (document.cookie.substring (offset, end))} return returnValue; } function LoadPoPup () {if (get_cookie ('popped') == '') {openwin () document.cookie = "popped = yes"}} // Затем замените оригинальное <body> предложение на главной странице с <body onload = "loadpopup ()"> (Обратите внимание, что это не открыто, но нагрузка. снова. Настоящий только поп-он!Приведенная выше резюме методов реализации всплывающих окнов JS, диалоговых окнах, полевых полях и всплывающих окна (рекомендуется)-это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.