[1.
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
<!-
Window.open ('página.html')
->
</Script>
Por ser uma seção do código JavaScripts, eles devem ser colocados entre as tags <script liingu = "javascript"> e </sCript>. <!-And-> Toque um efeito em algumas versões de navegação de navegadores. Para desenvolver esse bom hábito. Window.open ('Page.html') é usado para controlar a nova página de janela pop -up. Tanto as citações únicas quanto as citações duplas podem ser usadas, mas não misture. Este código pode ser adicionado a qualquer posição de html, <head> e </ad> Anteriormente, tente colocá -lo adiante.
[2.
Vamos falar sobre as configurações da janela pop -up. Basta adicionar algo ao código acima. Vamos personalizar a aparência, tamanho e posição pop -up da janela Pop -up para se adaptar à situação específica da página.
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
<!-
Window.open ('Page.html', 'newwindow', 'altura = 100, largura = 400, topo = 0, esquerda = 0, barra de ferramentas = não, Menubar = Não, ScrollBars = Não, REDIZABLE = NÃO, L, L , L, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, lcation = não, status = não ') //
->
</Script>
Explicação do parâmetro:
<Script Language = "JavaScript"> Script JS inicia;
Window.open aparece o comando da nova janela;
'Page.html' Pop -up Window Nome do arquivo;
'Newwindow' O nome da janela pop -up (não o nome do arquivo), não requisitada, pode ser substituída por vazio '';
Altura = 100 altura da janela;
largura = 400 largura da janela;
TOP = 0 Distância da janela da parte superior da tela;
Esquerda = 0 janela é um valor de pixel do lado esquerdo da tela;
Barra de ferramentas = não para exibir a barra de ferramentas, sim é exibido;
Menubar, as barras de rolagem representam a barra de menus e a barra de rolamento.
Redicável = Não permite alterar o tamanho da janela, sim é permitido;
Localização = Não Para exibir a barra de endereços, sim é permitido;
Status = Não para exibir as informações na barra de status (geralmente o arquivo foi aberto), sim é permitido;
</Script> Script JS termina
[3.
Abaixo está um código completo.
Copie o código do código da seguinte forma:
<html>
<head>
<Script Language = "JavaScript">
<!-
function OpenWin () {) {
Window.open ("Page.html", "NewWindow", "Height = 100, Width = 400, barra de ferramentas = não, Menubar = Não, ScrollBars = Não, Redabável = Não, Localização = Não") // Escreva uma linha
}
//->
</script>
</head>
<body somente = "OpenWin ()" >>
Qualquer conteúdo da página ...
</body>
</html>
Uma função OpenWin () é definida aqui e o conteúdo da função é abrir uma janela. Não há utilidade antes de chamá -lo. Como ligar?
Método 1: <corpo online = "OpenWin ()"> Quando o navegador lê a página, a janela aparece;
Método dois: <Body Onunload = "OpenWin ()"> O navegador aparece quando o navegador sai da página;
Método 3: Use uma conexão para ligar:
<a href = "#" onclick = "OpenWin ()"> Abra uma janela </a>
Nota: O "#" usado é uma conexão virtual.
Método 4: Use um botão para ligar:
<input type = "button" onclick = "OpenWin ()" value = "Abra a janela">
[4, 2 janelas aparecem ao mesmo tempo]
Altere ligeiramente o código -fonte:
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
<!-
function OpenWin () {) {
Window.open ("Page.html", "newwindow", "altura = 100, largura = 100, topo = 0, esquerda = 0, barra de ferramentas = não, menubar = não, scrollbars = não, redimensionável = não, local = não , status = não ") //
Window.open ("Page2.html", "newwindow2", "altura = 100, largura = 100, topo = 1 00, esquerda = 100, barra de ferramentas = não, menubar = não, scrollbars = não, redimensível = não, l, L, l, l, l, l, l, l, l ococion = não, status = não ") //
}
//->
</script>
Para evitar a cobertura da janela, controlar a posição pop -up com a parte superior e esquerda não deve se cobrir. Finalmente, basta chamar os quatro métodos mencionados acima.
Nota: Não seja o mesmo, ou simplesmente vazio, ou simplesmente vazio.
[5.
Conforme mostrado no código a seguir, adicione a área da janela principal:
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
<!-
function OpenWin () {) {
Window.open ("Page.html", "", "Largura = 200, altura = 200")
}
//->
</script>
Adicionar <body> área:
<A href = "1.htm" onclight = "OpenWin ()"> aberto </a>.
[6.
Vamos controlar a janela pop -up abaixo, e o efeito é ainda melhor. Se adicionarmos um código curto à página pop -up (observe que é o html de adicionar página.html, ele não está na página inicial, caso contrário ...), é mais legal deixá -lo fechar automaticamente após 10 segundos ?
Primeiro, adicione o código a seguir à área <Head> do arquivo Page.html:
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
Função closeit ()
{{
setTimeout ("Seld.close ()", 10000) // milissegundos
}
</script>
Em seguida, use <body online = "closeit ()"> para substituir a frase <body> original em página.html. (Não se esqueça de escrever esta frase! O papel desta frase é chamar o código da janela de fechamento e fechar a janela sozinho após 10 segundos.)
[7.
<morm>
<Input type = 'button' value = 'feche' onclick = 'window.close ()'>
</morm>
Haha, está mais perfeito agora!
[8.
Os exemplos acima incluem duas janelas, uma é a janela principal e a outra é uma pequena janela. Através do exemplo a seguir, você pode concluir o efeito acima em uma página.
Copie o código do código da seguinte forma:
<html>
<head>
<Script Language = "JavaScript">
Função openwin ()
{{
OpenWindow = Window.open ("", "Newwin", "Hight = 250, Width = 250, barra de ferramentas = não, scrollbars ="+roll+", Menubar = não"));
// escreva em uma linha
OpenWindow.document.write ("<title> exemplo </title>")
OpenWindow.document.write ("<corpo bgcolor =#ffffff>")
OpenWindow.document.write ("<h1> Olá! </h1>")
OpenWindow.document.write ("Nova janela aberta!")
OpenWindow.document.write ("</body>")
OpenWindow.document.write ("</html>")
OpenWindow.document.close ()
}
</Script>
</head>
<Body>
<a href = "#" onclick = "OpenWin ()"> Abra uma janela </a>
<input type = "button" onclick = "OpenWin ()" value = "Abra a janela">
</body>
</html>
Veja o código em OpenWindow.document.write () não é o HTML padrão? Basta escrever mais linhas no formato. Preste atenção a um erro com mais um rótulo ou menos rótulo. Lembre -se de encerrá -lo com o OpenWindow.document.close ().
[9.
Lembre -se de que, embora a janela pop -up acima seja legal, há um pequeno problema (imerso de alegria, você não deve encontrá -lo?) Por exemplo, você coloca o script acima em uma página que precisa ser passada com frequência (como o Página inicial); em seguida, cada um, cada vez mais esta página atualiza esta página, a janela aparecerá uma vez, não é muito irritante? : -_
Existe uma solução? Sim! ;-) Siga-me.
Primeiro, adicione o seguinte código à área <ad Head> da página inicial html:
Copie o código do código da seguinte forma:
<Cript>
function OpenWin () {) {
Window.open ("Page.html", "", "Largura = 200, altura = 200")
}
Função get_cookie (nome) {
var pesquisa = nome + "="
var returnValue = "";
if (document.cookie.length> 0) {{
Offset = document.cookie.indexof (pesquisa)
if (offset! = -1) {{
Deslocamento += search.length
end = document.cookie.indexof (";", deslocamento);
if (end == -1)
end = document.cookie.length;
ReturnValue = UNESCAPE (Document.cookie.substring (Office, End))
}
}
Return retornValue;
}
função loadpopup () {
ift_cookie ('popped') == '') {{
OpenWin ()
document.cookie = "popped = sim"
}
}
</script>
Em seguida, use <body online = "loadpopup ()"> (observe que não é openwin, mas o loadpop!) Substitua a frase original <body> na página inicial. Você pode tentar atualizar esta página ou inserir a página novamente, e a janela nunca aparecerá. Real somente pop!