В этой статье суммируются широко используемые методы всплывающего окна JavaScript для вашего сравнения и ссылки. Я надеюсь, что это будет полезно для вас. Подробный метод заключается в следующем:
1. Обновить веб -страницу молча:
Вы заметили, что когда обновляются некоторые веб -страницы, появится окно подсказки, и нажмите «ОК», чтобы освежить.
Некоторые страницы не будут представлены, и окно приглашения будет обновлено непосредственно без появления.
Если на странице нет формы,
Окно приглашения не появится
Если на странице есть форма формы,
а) <form method = "post" ...>
Появится быстрое окно
б) <form method = "Get" ...>
Не будет всплыть
2. Как обновить страницу в JavaScript:
window.location.reload ();
Используйте всплывающее окно всплывающего окна, чтобы обновить родительское окно
window.opener.location.reload ()
Всплывающее окно режима с использованием window.showdialog
window.dialogarguments.location.reload ();
3. Код всплывающего окна Javascript:
Window.open () Метод:
window.open () поддерживает среду: javascript1.0+/jscript1.0+/vav2+/ie3+/opera3+
Основной синтаксис:
window.open (pageurl, имя, параметры)
в:
PageUrl - это путь для детского окна
Имя - речь
Параметры - это параметры окна (каждая параметры разделены запятыми)
Пример:
<Script> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, noilbar = no, menubar = no, scrollbars = no, resizable = no, location = not, no') // Напишите как одна линия-> </script>После того, как сценарий будет запущен, Page.html будет открыт в новой форме NewWindow, шириной 100, высотой 400, 0 пикселей от верхней части экрана, 0 пикселей слева от экрана, без панели инструментов, без панели меню, без стержня, без сброса, нет панели адреса и нет панели состояния.
Пожалуйста, сравните.
Приведенные выше примеры являются несколькими часто используемыми параметрами, и в дополнение к этому есть много других параметров, см. 4.
Различные параметры
Среди них, да/нет, также может быть использован 1/0; Значение пикселя - это конкретное значение, единичный пиксель.
Параметры | Диапазон значений | Описание
| |
Всегда разбирается | да/нет | Указанные окна скрыты за всеми окнами
всегда да/нет | Укажите Windows, подвешенные на все окна
зависел | да/нет | Столовать ли родительское окно одновременно
каталоги | да/нет | Являются ли столбцы каталогов NAV2 и 3 видимыми
высота | Значение пикселя | высота окна
Hotkeys | да/нет | Установите безопасную выпуск Hotkey в окне без бара меню
innerheight | Значение пикселя | высота пикселя документа в окне
внутренняя трубка | Значение пикселя | ширина пикселя документа в окне
Расположение | да/нет | Является ли полоса виден
Менубар | да/нет | Виден ли бар меню
OuterHeight | Значение пикселя | Установите высоту пикселя окна (включая декоративные границы)
Overweidth | Значение пикселя | Установите ширину пикселя окна (включая декоративные границы)
Репрезентабельный | да/нет | Размер окна «Релизгольный»
ScreenX | Значение пикселя | Длина пикселя окна на левую границу экрана
Screeny | Значение пикселя | Длина пикселя окна до верхней границы экрана
Прокрутки | да/нет | Есть ли в окне доступная полоса прокрутки
титульный вариант | да/нет | Виден ли столбец на заголовке окна
панель инструментов | да/нет | Виден ли панель инструментов окон
Ширина | Значение пикселя | Ширина пикселя окна
z-look | да/нет | Плавет ли окно на других окнах после его активации
Функция Showdialog (url) {var iwidth = 300; // ширина окна var iheight = 200; // высота окна var itop = (window.screen.height-iheight)/2; var Ileft = (window.screen.width-iwidth)/2; window.open (url, "detail", "scrollbars = no, toolbar = no, location = нет, направление = no, resizeable = no, width ="+iwidth+", height ="+iheight+", top ="+itop+", Left ="+ilft); }Window.showmodaldialog Метод:
Основное введение:
Showmodaldialog () (т.е. поддержка 4+)
ShowmodelessDialog () (IE 5+ поддержка)
Метод window.showmodaldialog () используется для создания модального диалогового окна, которое отображает контент HTML.
Метод window.showmylessdialog () используется для создания немодального диалогового окна, в котором отображается контент HTML.
Как использовать:
vreturnvalue = window.showmodaldialog (surl [, varguments] [, sfeatures]) vreturnvalue = window.showmodelessdialog (surl [, varguments] [, sfeatures])
Описание параметра:
Surl--
Требуемый параметр, тип: строка. Используется для указания URL -адреса документа, который будет отображаться в диалоговом окне.
Варгументы-
Дополнительный параметр, тип: вариант. Используется для передачи параметров в диалоговое окно. Типы пропущенных параметров не ограничены, включая массивы и т. Д. В диалоговом окне используется window.dialogarguments для получения пропущенных параметров.
Sfeatures-
Дополнительный параметр, тип: строка. Информация, используемая для описания появления диалогового окна, такого как следующая информация, может быть разделена с помощью полуколона ";".
1.dialogheight: высота диалогового окна составляет не менее 100px. Единицы по умолчанию диагейт и диалога в IE4 - EM, а PX в IE5. Для удобства при определении диалогового окна в модальном методе PX используется в качестве устройства.
2.dialogwidth: диалоговое окно ширину.
3.dialogleft: расстояние от левого от экрана.
4.dialogtop: расстояние от экрана.
5.center: {да | Нет | 1 | 0}: о центре окна, по умолчанию да, но вы все равно можете указать высоту и ширину.
6. Help: {да | Нет | 1 | 0}: Чтобы отобразить кнопку справки, по умолчанию это да.
7. Резюрируется: {да | Нет | 1 | 0} [IE5+]: можно ли изменить размер. По умолчанию нет.
8.status: {да | Нет | 1 | 0} [IE5+]: отобразить строку состояния. По умолчанию да [модно безвкусно] или нет [модально].
9.scroll: {да | Нет | 1 | 0 | на | OFF}: Указывает, отображает ли диалоговое окно стержни прокрутки. По умолчанию да.
Следующие атрибуты используются в HTA и обычно не используются на общих веб -страницах.
10.dialoghide: {да | Нет | 1 | 0 | на | OFF}: Будь то диалоговое окно спрятано при печати или предварительной печати. По умолчанию нет.
11. КАД: {Затонув | Повышен}: укажите стиль границы диалогового окна. По умолчанию поднята.
12. УНАРУШЕНИЕ: {да | Нет | 1 | 0 | на | OFF}: по умолчанию нет.
Передача параметров:
(1). Если вы хотите передать параметры в диалоговом окне, вы передаете их через варгументы. Нет ограничений на тип, для типов строк максимум 4096 символов. Объекты также могут быть переданы, например:
-------------------------------
Parent.htm Page:
<script> var obj = new object (); obj.name = "jb51"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogheight = 100px"); </script>Modal.htm Page:
<script> var obj = window.dialogargumentsalet («Параметр, который вы передаете:» + obj.name) </script>
(2) Вы можете вернуть информацию в окно, где диалоговое окно открывается через Window.ReturnValue, и, конечно, это также может быть объектом. Например:
Parent.htm Code:
<script> str = window.showmodaldialog ("modal.htm" ,, "dialogwidth = 200px; dialogheight = 100px"); alert (str); </script> modal.htm <script> window.returnvalue = "http://www.jb51.com";пример:
Функция Showdialog (url) {var iwidth = 300; // ширина окна var iheight = 200; // высота окна var itop = (window.screen.height-iheight)/2; var Ileft = (window.screen.width-iwidth)/2; window.showmodaldialog (url, window, "dialogheight:"+iheight+"px; dialogwidth:"+iwidth+"px; dialogtop:"+itop+"; dialogleft:"+ilft+"; repable: no; статус: no; svoll: no"); }Обратите внимание на второй параметр здесь, окно
4. Проблема не обновлять данные окна режима (кэш)
Добавьте следующее оператор на страницу JSP
<% response.setheader ("pragma", "без Cache"); response.setheader («Контроль кэша», «без каша»); response.setDateHeader («истекает», 0);%>5. В окне режима ссылка появляется новая проблема с окном:
◎ _blank, откройте файл ссылки в окне нового браузера.
◎ _parent, загрузите связанный файл в набор родительского фрейма или родительское окно, содержащее кадр ссылки. Если фреймворк, содержащая ссылку, не вложена, связанный файл загружается в полноэкранном окне браузера, как параметр _self.
◎ _self, откройте связанный документ в том же кадре или окне. Этот параметр является значением по умолчанию и обычно не указан.
◎ _top, открывает связанный документ во всем текущем окне браузера, таким образом удаляя все кадры.
Добавить <a href = "a.html" target = "_ blank"/> между </head> и <body>
6. Как молча закрыть страницу:
function closewin () {var ua = navigator.useragent; var IE = navigator.appname == "Microsoft Internet Explorer"? True: false; if (ie) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie")+5, ua.indexof (";", ua.indexof ("msie")))); if (ieversion <5.5) {var str = ''; document.body.insertadjacenthtml ("beforend", str); document.all.notipclose.click (); } else {window.opener = null; window.close (); }} else {window.close ()}}Заинтересованные читатели могут отладить вышеупомянутые методы, которые, как я полагаю, принесут некоторое вдохновение и помощь всем.