Eu acho que a maioria de vocês sabe usar páginas da web para exibir janelas de várias formas, mas vamos aprender sobre como criar uma variedade de janelas pop-up hoje:
1. Abra uma janela de tela cheia
O código é o seguinte:
<html> <body //www.vevb.com ',' wulin.com ',' tela cheia '); ">; <b> www.vevb.com </b> </body> </html>
2. Abra uma janela que foi transformada por F11
O código é o seguinte:
<html> <corpo '//www.vevb.com', 'wulin.com', 'ChannelMode'); ">; <b> www.vevb.com </b> </body> </html>
3. Abra uma janela com a barra de ferramentas favorita do link
O código é o seguinte:
<html> <body www.wangye8.com ',' wulin.com ',' width = 400, altura = 300, diretórios ');
4. Caixa de diálogo da página da web
O código é o seguinte:
<html> <script linguagem = "javascript"> <!-showmodaldialog ('// www.vevb.com,' wulin.com ',' diálogo de diálogo: 400px; dialogHeight: SIL): SIL): SILTILT: SILTILT: SILTILT; SESILT; SESILT: SILTILT: SILT: SILT: SIL; SIL; SIM; <b> www.wangye8.com </b> </body> </html> <html> <script linguage = "javascript"> <!- showmodelessdialog ('// www.vevb.com,' wulin.com ',' Dialogwidth: 400px; dialogHeight: 300px; Dialogleft: 200px; dialogtop: 150px; Centro: Sim; Ajuda: Sim; Reszable: Sim; Status: Sim) //-> </script <b> http://www.wangye8.com </b> </body> </html>ShowModaldialog () ou ShowMODESLDIALOG () para ligar para a caixa de diálogo da web. Quanto à diferença entre o showModaldialog () e o showmodelessDialog (), é que a janela aberta pelo showModaldialog () (referida como uma janela de modo) é colocada na janela dos pais e deve ser fechada para acessar a janela dos pais (é recomendado usá -lo o mínimo possível para evitar o injeção); showmodelessdialog ()
DialogHeight: iHeight define a altura da janela de diálogo.
Dialogwidth: iWidth define a largura da janela de diálogo.
DILOGELTFT: IXPOS define a posição esquerda da janela de diálogo em relação ao canto superior esquerdo da área de trabalho.
Dialogtop: iypos define a posição superior da janela de diálogo em relação ao canto superior esquerdo da área de trabalho.
Centro: {sim | Não | 1 | 0} Especifica se deve centrar a caixa de diálogo na área de trabalho, o valor padrão é "sim".
Ajuda: {sim | Não | 1 | 0} Especifica se o ícone de ajuda sensível ao contexto é exibido na janela de diálogo. O valor padrão é "sim".
Redicável: {sim | Não | 1 | 0} Especifica se o tamanho da janela de diálogo é variável. O valor padrão é "não".
Status: {sim | Não | 1 | 0} Especifica se a barra de status é exibida na janela de diálogo. Para janelas de diálogo que não são do modo, o valor padrão é "sim"; Para janelas de diálogo de modo, o valor padrão é "não".
5. Outros códigos de janela pop-up
Amigos que costumam surgir a Internet podem ter visitado esses sites. Depois de entrar na página inicial, uma janela aparecerá imediatamente ou pressionará um link ou botão para aparecer. Geralmente, algumas precauções, informações de direitos autorais, avisos, acolhes, etc. ou informações que o autor deseja fornecer instruções especiais. De fato, é muito fácil fazer essa página. Basta adicionar alguns código de script Java ao HTML da página. Em seguida, vou levá -lo para analisar seu mistério.
【O código da janela pop-up mais básico】
De fato, o código é muito simples:
O código é o seguinte:
<Script Language = "Java Script"> <!-Window.open ('Page.html')-> </sCript>Como este é um código de script Java, eles devem ser colocados entre a tag <script liingu = "java script"> e </sCript>. <!-e-> são úteis para alguns navegadores com versões mais baixas. Se o script Java não for suportado nesses navegadores antigos, o código na tag não será exibido como texto.
Window.open ('Page.html') é usado para controlar o pop-up de uma nova página de janela.html. Se Page.html não estiver no mesmo caminho que a janela principal, o caminho deve ser escrito na frente, tanto o caminho absoluto (http: //) quanto o caminho relativo (../) estiverem ok.
Não há problema em usar citações únicas e duplas, mas não as misture.
Este código de código pode ser adicionado a qualquer local do HTML e pode ser adicionado entre <head> e </ad Head>. Quanto maior a posição, quanto mais cedo a execução, especialmente quando o código da página for mais longo, tente colocá -lo adiante se quiser que a página apareça cedo.
【Janela pop-up após definir】
Vamos falar sobre as configurações da aparência da janela pop-up. Basta adicionar um pouco mais ao código acima.
Vamos personalizar a aparência, o tamanho e a posição pop-up desta janela pop-up para se adequar à situação específica da página.
O código é o seguinte:
<Script Language = "Java Script:> <!-Window.open ('Page.html', 'NewWindow', 'Height = 100, Width = 400, Top = 0, esquerda = 0, barra de ferramentas = Não, Menubar = Não, Write, Write, como linear-se, como scrollBars = Não, resizável = não = NÃO = NÃO') //Explicação do parâmetro:
<Script Language = "Java Script"> O script JS inicia;
comando window.open para exibir uma nova janela;
página.html O nome do arquivo da nova janela aparece;
O nome da janela pop-up newwindow (não o nome do arquivo), que pode ser substituído por vazio ";
altura = 100 altura da janela;
topo = 0 o valor de pixel da janela da parte superior da tela;
Esquerda = 0 o valor de pixel da janela do lado esquerdo da tela;
barra de ferramentas = Não, se deve exibir a barra de ferramentas, sim é a tela;
Menubar, barras de rolagem significa barra de menus e barra de rolagem;
Redicável = Não Se deve permitir a alteração do tamanho da janela, sim é permitido;
Localização = Não, se deve exibir a barra de endereço, sim é permitido;
Status = Não, se deve exibir informações na barra de status (geralmente o arquivo já está aberto), sim é permitido;
</Script> O script JS termina.
【Use funções para controlar as janelas pop-up】
Aqui está um código completo.
O código é o seguinte:
<html> <head> <script LANGUAGE="java script"> <!-- function openwin(){ window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no";) //Write as a line} --> </script> </head> <body> ... conteúdo da página arbitrária ... </body> </html>Aqui está uma função OpenWin () definida, e o conteúdo da função é abrir uma janela. Não há utilidade até que seja chamado. Como chamá -lo?
Método 1: <body> Uma janela pop-up aparece quando o navegador lê a página;
Método 2: <body> Uma janela pop-up aparece quando o navegador sai da página;
Método 3: Ligue com uma conexão: <a href = "#"> Abra uma janela </a>
Nota: O "#" usado é uma conexão virtual.
Método 4: Ligue com um botão: <input type = "button" value = "Abrir janela">
[O arquivo 1.htm é aberto na janela principal e uma pequena página de janela.html aparece ao mesmo tempo]
Adicione o seguinte código à área da janela principal:
O código é o seguinte:
<Script Language = "Java Script"> <!-function OpenWin () {Window.open ("Page.html", "", "Width = 200, Height = 200";)} //-> </sCript>Basta adicionar a área <body>: <a href = "1.htm"> abrir </a>.
【Controle O controle de fechamento cronometrado para a janela pop-up】
Vamos assumir algum controle sobre a janela pop-up, e o efeito será ainda melhor. Se adicionarmos um pequeno pedaço de código à página pop-up (observe que ele é adicionado ao html de página.html, não na página principal, caso contrário ...), não seria mais legal deixá-lo fechar automaticamente após 10 segundos?
Primeiro, adicione o código a seguir à área <Head> do arquivo Page.html:
O código é o seguinte:
<script linguage = "java script"> function closeit () {setTimeout ("self.close ()", 10000) // ms} </sCript>Em seguida, use a frase <Body> em vez da frase original <Body> na página.html. (Não se esqueça de escrever esta frase! O objetivo desta frase é chamar o código que fecha a janela e feche a janela depois de 10 segundos.)
【Adicione um botão de fechar na janela pop-up】
O código é o seguinte:
<morm>
<Entrada de entrada = 'Button' Value = 'Fechar'
</morm>
Haha, está mais perfeito agora!
[Janela pop -up incluída - duas janelas por página]
Todos os exemplos acima contêm duas janelas, uma é a janela principal e a outra é a janela pop-up.
Com o exemplo a seguir, você pode concluir o efeito acima em uma página.
O código é o seguinte:
<html> <head> <script linguage = "java script"> function OpenWin () {OpenWindow = window.open ("", "newwin", "altura = 250, largura = 250, barra de ferramentas = não, scrollbars ="+roll+", menubar = não";); // Escreva como uma linha OpenWindow.document.write ("<title> exemplo </title>";) OpenWindow.document.write ("<corpo bgcolor =#fffff>";) OpenWindow; OpenWindow.document.write ("</body>";) OpenWindow.document.write ("</html>";) OpenWindow.document.close ()} </s script> </head> <body> <a href = "#"> aberto uma janela </a> <input> ""Vamos ver se o código em OpenWindow.document.write () não é o HTML padrão? Basta escrever mais linhas no formato. Tenha cuidado para que, se mais um rótulo ou menos um rótulo, causar erros. Lembre -se de terminar com o OpenWindow.document.close ().
【Aplicação final - controle de biscoitos na janela pop -up】
Lembre-se de que, embora a janela pop-up acima seja legal, há um pequeno problema (você está imerso de alegria, você não deve encontrá-lo, certo?) Por exemplo, se você colocar o script acima em uma página que precisa passar com frequência (como a página inicial), toda vez que você atualize esta página, a janela aparecerá uma vez. Não é muito irritante? Existe uma solução? Sim! Me siga. Só precisamos usar cookies para controlá -lo.
Primeiro, adicione o código a seguir à área <Head> da página principal HTML:
O código é o seguinte:
<Cript> function OpenPopup () {Window.open ("hello.htm", "", "Width = 300, Height = 300") // Modifique a janela pop-up você mesmo} função get_cookie (nome) {var pesquisa = nome + "=" var returnue = ""; if (documents.cookie.length> 0) {offset = documents.cookie.indexof (pesquisa) if (offset! = -1) {// se existir o offset += search.length // Define o índice de início do valor end = documents.cookie.indexof (";, Offset); // Defina o índice do final do valor do cookie if (end == -1) end = documents.cookie.length; returnValue = UNESCAPE (documents.cookie.substring (deslocamento, final))}} retornar retornarValue; } function loadpopup () {if (get_cookie ('popped') == '') {OpenPopup () documents.cookie = "popped = sim"} </script>Digite o seguinte código na área do corpo:
<Body> // POP quando deixa a página
ou:
<Body> // POP quando insira a página
Você pode tentar atualizar esta página ou novamente a reinscrição, e a janela nunca mais aparecerá. O verdadeiro Poply-Once!
Tendo escrito isso, as técnicas de produção e aplicação das janelas pop-up foram basicamente concluídas. Espero ficar muito satisfeito em ajudar meus amigos que estão fazendo páginas da web.
Deve -se notar que o caso nos scripts JS é melhor mantido consistente antes e depois.
Janelas pop -up sem menus, barras de ferramentas e barras de endereço:
O código é o seguinte:
<Script Language = "Java Script"> <!- var gt = unescape ('%3e'); var popup = nulo; var over = "inicie o navegador pop-up"; popup = window.open ('', 'popupnav', 'largura = 500, altura = 500, redimensionável = 0, scrollbars = auto'); // largura = 500, altura = 500 são o comprimento da janela e a largura se (popup! = null) {if (popup.opener == null) {popup.opener = self; } popup.Location.href = 'o nome do arquivo a ser aberto'; } // -> </script>Método 2: Aplicativo de cookies: Controle a janela pop -up Quando definirmos uma janela pop -up em uma página, toda vez que rebocamos a página, a janela pop aparecerá automaticamente, causando problemas desnecessários. Então, como resolver esse problema? Aqui vou usar um exemplo simples para explicar como fazer o pop-up aparecer apenas ao navegar na página pela primeira vez, operando cookies, e isso não causará mais irritação no futuro!
Copie o código da seguinte forma: <Cript> função OpenPopWindow () {window.open ("hello.htm", "", "width = 200, Height = 200" // modifique a janela pop-up você mesmo} função get_cookie (nome) {var = name + "="; documentos.cookie.indexof (pesquisa); ReturnValue = UNESCAPE (documentos.cookie.substring (deslocamento, fim))}} retornar retornar;
Digite o código acima na área do corpo: <body> // Popt fora ao sair da página
Ou: <Body> // O efeito da janela pop-up aparece quando a página aparece ao sair da página:
Efeito: Quando outros fecham esta página, uma janela aparece e você pode escrever algumas palavras de bênção
Código central:
O código é o seguinte:
<Script Language = "Javascript"> <!-BEGN FUNCHET LEAVE () {window.open ('1.htm', ", 'Toolbar = Não, Menubar = Não, Localização = Não, altura = 225, largura = 235'); quebra} // end-> </script>O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.