1. Três caixas de diálogo mais comuns em JS
// ==================================================================/a caixa de diálogo Pops up e produz uma mensagem imediata da mensagem ALE () {// uma caixa de diálogo " } // Uma caixa de consulta aparece, com botões de confirmar e cancelar a função da função firm () {// use o valor retornado pela caixa de diálogo (true ou false) se (confirmar ("você certamente enviará?")) {Alert ("Clique para confirmar"); } else {alert ("Clicou para cancelar"); }} // Uma caixa de entrada aparece, entra em um parágrafo de texto e você pode enviar a função bain () {var name = prompt ("Por favor, digite seu nome", ""); // Atribua o conteúdo de entrada ao nome da variável, // deve ser observado aqui que o Propt possui dois parâmetros. Se o prompt for o prompt e, em seguida, o valor padrão na caixa de diálogo após a caixa de diálogo sair.2. As 6 caixas e operações solicitadas geralmente usadas ao clicar em botões
<! --------------------- <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- OnClick = "JavaScript: Window.Location.href = 'http: //www.baidu.com';"/> <! ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- javascript: window.location.reload (); // retorna à página atual e atualize <! ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
3. Janela independente pop -up
// Fechar, a caixa de diálogo aparece na janela dos pais e a janela infantil fecha diretamente isso.Response.Write ("<Script Language = javascript> window.close (); </script>"); // Fechar, nem a janela dos pais nem a janela infantil aparecem na janela dos pais, fecha diretamente isso. this.Response.write ("{top.opener = null; top.close ();}"); this.Response.write ("</sCript>"); // A janela popular atualiza a largura da página atual = 200 altura = 200 menu. A barra de menus, barra de ferramentas, barra de endereço, barra de status não possui isso.Response.Write ("<Script Language = javascript> window.open ('linhas.aspx', 'newwindow', 'width = 200, altura = 200') </sCript>"); // A janela pop-up atualiza a página atual this.Response.Write ("<Script Language = javascript> window.open ('linhas.aspx') </script>"); this.Response.Write ("<Script> window.open ('webform2.aspx', '_ blank'); </script>"); // A janela prompt de pop-up salta para a página webform2.aspx (em uma janela do IE) this.Response.write ("<Script Language = javascript> alert ('registrado com sucesso'); window.location.href = 'webform2.aspx'; </script>"); // Feche a janela infantil atual e atualize a janela dos pais 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>"); // A janela infantil atualiza a janela dos pais this.Response.write ("<cript> window.opener.location.href = window.opener.location.href = 'webform1.aspx'; </script>"); // A janela infantil atualiza a janela dos pais this.Response.Write ("<Script> window.opener.location.href = 'webForm1.aspx'; </sCript>"); // A janela infantil aparece. Após a confirmação, a janela infantil aparece (webform2.aspx) this.Response.Write ("<Script Language = 'JavaScript'> alert ('Publicado com sucesso! // A janela prompt aparece e, após a confirmação, atualize a janela dos pais. // A mesma página aparece <input type = "button" value = "button" 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', 'altura = 100, largura = 400, top = 0, esquerda = 0, barra de ferramentas = não, Menubar = Não, ScrollBars = Não, resultante = Não, Location = NÃO = NO') //Explicação do parâmetro:
comando window.open para exibir uma nova janela;
Nome do arquivo 'Page.html' da janela pop-up;
'Newwindow' O nome da janela pop-up (não o nome do arquivo), se não for necessário, ele pode ser substituído por vazio '';
altura = 100 altura da janela;
largura = 400 largura da janela;
topo = 0 o valor de pixel da janela da parte superior da tela;
Esquerda = 0 o valor de pixel da janela à esquerda 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;
'Newwin': ocultar barra de ferramentas da barra de endereço de menu
4. Exemplo de janela pop-up demonstração
// 1. A janela de código pop-up mais básica.open ('página.html') // 2. A janela pop-up após definir a janela.open ('Page.html', 'newwindow', 'altura = 100, largura = 400, topo = 0, esquerda = 0, barra de ferramentas = não, menubar = não, scrollBars = não, Redicável = Não, Localização = Não = Não) // Essa sentença deve ser escrita em uma linha // parâmetro // //'page.html 'o nome do arquivo da janela pop-up; // 'newwindow' O nome da janela pop-up (não o nome do arquivo), se não for necessário, você pode usar '' '', em vez disso; // altura = 100 altura da janela; // largura = 400 largura da janela; // TOP = Valor de 0 pixels da janela da parte superior da tela; // esquerda = 0 pixel do valor da janela do lado esquerdo da tela; // barra de ferramentas = Não, se deve exibir a barra de ferramentas, sim é a tela; // Menubar, as barras de rolagem representam a barra de menus e a barra de rolagem. // REDIZABLE = NÃO Se você deve alterar o tamanho da janela, sim é permitido; // Localização = Não Se você deve exibir a barra de endereço, sim é permitido; // status = não Se você deve exibir as informações na barra de status (geralmente o arquivo foi aberto), sim é permitido; // 3. Use a função para controlar a função da janela pop-up openwin () {window.open ("Page.html", "newwindow", "altura = 100, largura = 400, barra de ferramentas = não, Menubar = não, scrollBars = não, resultante = não, local = não, status = não) // (fina (fina). // Uma função OpenWin () é definida aqui e o conteúdo da função é abrir uma janela. Não há utilidade até que seja chamado. Como chamá -lo? // Método 1: <corpo onload = "OpenWin ()"> Uma janela pop-up é quando o navegador lê a página; // Método 2: <corpo onunload = "OpenWin ()"> Uma janela pop-up é quando o navegador sai da página; // Método 3: ligue com uma conexão: // <a href = "#" onclick = "OpenWin ()"> Abra uma janela </a> // Nota: o "#" usado é uma conexão virtual. // Método 4: ligue com um botão: // <input type = "button" onclick = "OpenWin ()" value = "OpenWin ()"> // 4, 2 Windows aparece no mesmo tempo OpenWin () {Window.open ("Page.html", "Newwindow", "altura = 100, width 100, top, top (" Page.html "," Newwindow "," altura = 100, largura 100, top top, scrollbars = não, redimensível = não, localização = não, status = não ") // Escreva -o em uma janela de linha.open (" Page2.html "," newWindow2 "," altura = 100, largura = 100, topo = 1 00, esquerda = 100, barra de ferramentas, não, não = não, não, não = não, não, não, 00, esquerda = 100, barra de ferramentas, não, não = não, não, não = não, não, não, 1 00, esquerda = 100, a barra de ferramentas, não, não, não, não, não = não, não, não), que não). // Para evitar cobrir as duas janelas que aparecem, use a parte superior e esquerda para controlar a posição pop -up e não se substitui. Por fim, use os quatro métodos mencionados acima para chamá -lo. // Nota: Os nomes (NewWindows e NewWindow2) das duas janelas não devem ser os mesmos, ou estão simplesmente vazios. // 5. Abra o arquivo 1.htm na janela principal e uma pequena janela aparece página.html função OpenWin () {Window.open ("Page.html", "", "Width = 200, Height = 200")} // Ligue para: <a href = "1.htm" onClick = "Openwin ()"> O controle de fechamento cronometrado da janela pop-up // Low faremos algum controle na janela pop-up, e o efeito será 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), não seria mais legal deixá-lo fechar automaticamente após 10 segundos? // Primeiro, adicione o código a seguir à área <Head> do arquivo página.html: function closeit () {setTimeout ("self.close ()", 10000) // ms} // carregamento de página é concluído e chama o evento de fechamento $ (documento) .ready (fucntion () {closeit ();}); // 7. Adicione um botão de fechar à janela pop-up // <tipo de entrada = 'botão' 'value =' feche 'onclick =' window.close () '> // 8. Janela pop-up incluída-uma página e duas janelas // 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. function OpenWin () {OpenWindow = window.open ("", "Newwin", "Height = 250, largura = 250, barra de ferramentas = não, scrollbars =" + scroll + ", menubar = não"); // Escreva como uma linha OpenWindow.document.write ("<title> exemplo </title>") OpenWindow.document.write ("<corpo bgcolor =#ffffff>") OpenWindow.document.write ("<H1> hello! </H1>") OpenWindow.document.write ("</body>") OpenWindow.document.write ("</html>") OpenWindow.document.close ()} // <a href = "#" onclick = "OpenWin ()"> abre uma janela </a> // <puty type = " // 9. Ultimate Application-Popular Window Cookie Control // Lembre-se de que, embora a janela pop-up acima seja legal, há um pequeno problema. 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ê atualiza esta página, a janela aparecerá uma vez e usamos apenas cookies para controlá -lo. // Primeiro, adicione o código a seguir à área <Head> da página principal html: function OpenWin () {Window.open ("Page.html", "", "Width = 200, Height = 200")} função get_cookie (nome) {var = name + "=" var return = "";; if (document.cookie.length> 0) {offset = document.cookie.indexof (pesquisa) if (offset! = -1) {offset += search.length end = document.cookie.indexof (";", offset); if (end == -1) end = document.cookie.length; returnValue = UNESCAPE (document.cookie.substring (deslocamento, final))}} retornar retornar; } função loadPopup () {if (get_cookie ('popped') == '') {OpenWin () document.cookie = "Popped = sim"}} // Então, substitua a serença <body> ou a página de janearpp! de novo. O verdadeiro Poply-Once!O resumo acima dos métodos de implementação de caixas pop-up JS, caixas de diálogo, caixas rápidas e janelas pop-up (recomendadas) é todo o conteúdo que eu compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.