[1.
Код кода копирования следующим образом:
<Script language = "javascript">
<!-
Window.open ('page.html')
->
</Script>
Поскольку это раздел кода Javascripts, их следует размещать между <script language = "javascript"> и </script>. <!-и-> Играйте на некоторые низкие версии браузеров. Чтобы развить эту хорошую привычку. Window.open ('page.html') используется для управления новой страницей WOP -UP.html. Можно использовать как одиночные кавычки, так и двойные кавычки, просто не смешивайте. Этот код может быть добавлен в любую позицию HTML, <Head> и </head> может быть, <body> </body> также может быть выполнено, особенно код страницы длинный, и вы хотите, чтобы страница всплыла Ранее попытайтесь выдвинуть это.
[2.
Давайте поговорим о настройках окна поп -оу. Просто добавьте что -нибудь в код выше. Давайте настроим позицию внешнего вида, размера и поп -точка окна POP -UP, чтобы адаптироваться к конкретной ситуации страницы.
Код кода копирования следующим образом:
<Script language = "javascript">
<!-
Window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, left = 0, wbar = no, menubar = no, scrollbars = no, resizable = no, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, no, menubar = no, scrollbars = нет , L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L, L Ocation = no, Status = no ') //
->
</Script>
Пояснение параметра:
<Script language = "javascript"> JS Script запускается;
Window.open выскочивает команда нового окна;
'Page.html' Pop -Up Window name;
«NewWindow» Имя окна POP -UP (не имя файла), не -искажаемое, может быть заменено пустым '';
Высота = 100 высота окна;
ширина = 400 ширина окна;
Верх = 0 Расстояние окна от верхней части экрана;
Влево = 0 окно является значением пикселя с левой стороны экрана;
Панель инструментов = нет. Для отображения панели инструментов, да, отображается;
Menubar, Scrollbars представляют собой бар меню и прокатный бар.
Resizable = NO позволяет изменить размер окна, да разрешен;
Местоположение = нет, чтобы отобразить адресную строку, да разрешено;
Status = no для отображения информации в строке состояния (обычно файл открыт), да разрешен;
</Script> js script заканчивается
[3.
Ниже приведен полный код.
Код кода копирования следующим образом:
<html>
<голова>
<script language = "javascript">
<!-
function openWin () {) {
Window.open ("page.html", "newwindow", "height = 100, width = 400, nointbar = no, menubar = no, scrollbars = no, resizable = no, location = no,") // Напишите строку
}
//->
</script>
</head>
<только тело = "openwin ()" >>
Любое содержание страницы ...
</body>
</html>
Здесь определена функция OpenWin (), и содержимое функции - открыть окно. Перед тем, как это позвонить, нет. Как позвонить?
Метод 1: <body Online = "openwin ()"> Когда браузер читает страницу, окно появляется;
Метод второй: <body onunload = "openwin ()"> Браузер появляется, когда браузер покидает страницу;
Метод 3: Используйте одно соединение для вызова:
<a href = "#" onclick = "openwin ()"> Откройте окно </a>
Примечание: используется «#» виртуальное соединение.
Метод 4: Используйте кнопку для вызова:
<input type = "button" onclick = "openwin ()" value = "Откройте окно">
[4, 2 окна появляются одновременно]
Слегка измените исходный код:
Код кода копирования следующим образом:
<script language = "javascript">
<!-
function openWin () {) {
Window.open ("page.html", "newwindow", "height = 100, width = 100, top = 0, left = 0, toolbar = no, menubar = no, scrollbars = no, resizable = нет, локальный = нет , status = no ") //
Window.open ("page2.html", "newwindow2", "height = 100, width = 100, top = 1 00, слева = 100, панель инструментов = нет, menubar = no, scrollbars = no, resizable = no, l, l, L, L, L, L, L, L, L, L oca tion = no, status = no ") //
}
//->
</script>
Чтобы избежать двух окна, управляйте положением POP -UP вверху и слева не должно покрывать друг друга. Наконец, просто вызовите четыре метода, упомянутые выше.
ПРИМЕЧАНИЕ: не будьте прежними, просто пустыми или просто пустыми.
[5.
Как показано в следующем коде, добавьте основное окно <Head> область:
Код кода копирования следующим образом:
<script language = "javascript">
<!-
function openWin () {) {
Window.open ("page.html", "", "width = 200, высота = 200")
}
//->
</script>
Добавить <Body> область:
<A href = "1.htm" onclight = "openwin ()"> open </a>.
[6.
Давайте контролируем окно «Поп -у» ниже, и эффект еще лучше. Если мы добавим короткий код на страницу POP -UP (обратите внимание, что это HTML добавления page.html, он не находится на домашней странице, в противном случае ...), прохладнее позволить ему автоматически закрываться через 10 секунд ?
Сначала добавьте следующий код в область <Head> файла Page.html:
Код кода копирования следующим образом:
<script language = "javascript">
Функция clositit ()
{{
setTimeout ("seld.close ()", 10000) // миллисекунд
}
</script>
Затем используйте <body Online = "blowit ()">, чтобы заменить исходное предложение <body> в page.html. (Не забудьте написать это предложение! Роль этого предложения состоит в том, чтобы вызвать код закрывающего окна и закрыть окно сами через 10 секунд.)
[7.
<Форма>
<Input type = 'button' value = 'close' onclick = 'window.close ()'>
</Form>
Ха -ха, сейчас это более идеально!
[8.
Приведенные выше примеры включают в себя два окна, одно - главное окно, а другое - небольшое окно. Через следующий пример вы можете завершить вышеуказанный эффект на одной странице.
Код кода копирования следующим образом:
<html>
<голова>
<Script language = "javascript">
Функция OpenWin ()
{{
Openwindow = window.open ("", "newwin", "height = 250, width = 250, панель инструментов = нет, scrollbars ="+scroll+", menubar = no"));
// записать в строку
Openwindow.document.write ("<title> Пример </title>")
Openwindow.document.write ("<<body bgcolor =#ffffff>")
Openwindow.document.write ("<h1> Привет! </H1>")
Openwindow.document.write («Новое окно открыто!»)
Openwindow.document.write ("</body>")
Openwindow.document.write ("</html>")
Openwindow.document.close ()
}
</Script>
</head>
<тело>
<a href = "#" onclick = "openwin ()"> Откройте окно </a>
<input type = "button" onclick = "openwin ()" value = "Откройте окно">
</body>
</html>
Посмотрите на код в openwindow.document.write () Разве стандартный HTML? Просто напишите больше строк в формате. Обратите внимание на ошибку с помощью еще одной метки или меньше метки. Не забудьте закончить его openwindow.document.close ().
[9.
Напомним, что, хотя окно поп -ов выше круто, существует небольшая проблема (погруженная в радость, вы не должны его найти?) Например, вы помещаете вышеуказанный сценарий на странице, которую нужно часто передавать (например, как Домашняя страница), тогда каждый, затем каждая эта страница обновляет эту страницу, окно появится один раз, разве это не очень раздражает? : -_
Есть решение? Да!
Во -первых, добавьте следующий код в область <head> домашней страницы HTML:
Код кода копирования следующим образом:
<Скрипт>
function openWin () {) {
Window.open ("page.html", "", "width = 200, высота = 200")
}
Функция get_cookie (имя) {
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 (Office, End))
}
}
ReturnValue;
}
function loadpopup () {
ift_cookie ('popped') == '') {{
openwin ()
document.cookie = "popped = yes"
}
}
</script>
Затем используйте <body Online = "LoadPopup ()"> (Обратите внимание, что он не OpenWin, но LoadPop!) Замените исходное предложение <Body> на домашней странице. Вы можете попытаться обновить эту страницу или снова ввести страницу, и окно никогда не появится. Настоящий только поп-один!