Este artigo resume os métodos de janela pop-up javascript comumente usados para sua comparação e referência. Espero que seja útil para você. O método detalhado é o seguinte:
1. Atualize a página da web em silêncio:
Você notou que, quando algumas páginas da web são atualizadas, uma janela pronta aparecerá e clique em "OK" para atualizar.
Algumas páginas não serão solicitadas, e a janela promissora será atualizada diretamente sem aparecer.
Se a página não tiver um formulário,
A janela imediata não vai aparecer
Se a página tiver um formulário,
a) <form method = "post" ...>
Uma janela rápida vai aparecer
b) <form method = "get" ...>
Não vai aparecer
2. Como atualizar a página em JavaScript:
window.Location.Reload ();
Use a janela pop-up pop-up para atualizar a janela dos pais
window.opener.Location.Reload ()
Janela de modo pop -up usando janela.showdialog
window.dialogargudents.Location.Reload ();
3.javascript pop -up Código da janela:
Método Window.open ():
window.open () suporta ambiente: javascript1.0+/jscript1.0+/Nav2+/ie3+/opera3+
Sintaxe básica:
Window.open (Pageurl, nome, parâmetros)
em:
Pageurl é o caminho da janela infantil
Nome é a alça da janela infantil
Parâmetros são parâmetros de janela (cada parâmetros é separado por vírgulas)
Exemplo:
<!
Depois que o script for executado, Page.html será aberto no novo formulário NewWindow, com uma largura de 100, uma altura de 400, 0 pixels da parte superior da tela, 0 pixels da esquerda da tela, sem barra de ferramentas, sem barra de menus, sem barra de rolagem, sem barra de endereço, sem barra de endereço e sem barra de status.
Por favor, compare.
Os exemplos acima são vários parâmetros comumente usados e existem muitos outros parâmetros, além disso, consulte 4.
Vários parâmetros
Entre eles, sim/não também pode ser usado 1/0; O valor do pixel é o valor específico, pixel da unidade.
Parâmetros | Faixa de valor | Descrição
| |
sempre lotado | Sim/Não | As janelas especificadas estão escondidas atrás de todas as janelas
Sempre criado | Sim/Não | Especifique o Windows suspenso em todas as janelas
dependente | Sim/Não | Se deve fechar a janela dos pais ao mesmo tempo
diretórios | Sim/Não | São as colunas de diretório de Nav2 e 3 visíveis
altura | valor de pixel | Altura da janela
teclas de hot | Sim/Não | Defina a tecla de atalho segura na janela sem barra de menu
InnerHeight | valor de pixel | altura de pixel do documento na janela
INNERWIDTH | valor de pixel | Largura do pixel do documento na janela
Localização | Sim/Não | A barra de localização é visível
Menubar | Sim/Não | A barra de menus é visível
ExterreHeight | valor de pixel | Defina a altura do pixel da janela (incluindo bordas decorativas)
largura externa | valor de pixel | Defina a largura do pixel da janela (incluindo bordas decorativas)
Redicável | Sim/Não | O tamanho da janela é redimensível
Screenx | valor de pixel | O comprimento do pixel da janela para a borda esquerda da tela
Screeny | valor de pixel | O comprimento do pixel da janela até o limite superior da tela
barras de rolagem | Sim/Não | Existe uma barra de rolagem disponível na janela
TitleBar | Sim/Não | A coluna do título da janela é visível
barra de ferramentas | Sim/Não | A barra de ferramentas da janela é visível
Largura | valor de pixel | Largura do pixel da janela
Z-LOOK | Sim/Não | Se a janela flutua em outras janelas depois de ser ativada
função showdialog (url) {var iwidth = 300; // largura da janela var iHeight = 200; // Altura da janela var itop = (window.screen.height-iHeight)/2; var iLeft = (window.screen.width-iwidth)/2; window.open (url, "detalhe", "scrollbars = não, barra de ferramentas = não, localização = não, direção = não, redimensionável = não, width ="+iwidth+", altura ="+iHeight+", top ="+itop+", esquerda ="+ileft); }Método Window.ShowModaldialog:
Introdução básica:
ShowModaldialog () (IE 4+ Suporte)
showmodelessdialog () (ou seja, suporte de 5+)
O método window.showModaldialog () é usado para criar uma caixa de diálogo modal que exibe conteúdo HTML.
O método window.showmodelessdialog () é usado para criar uma caixa de diálogo não modal que exibe conteúdo HTML.
Como usar:
vRETURNVALUE = Window.showModaldialog (SURL [, Vargudes] [, SFeatures]) VRETurnValue = window.showmodelessdialog (SURL [, Varguments] [, SFeatures]))
Descrição do parâmetro:
surl--
Parâmetro necessário, tipo: string. Usado para especificar o URL do documento a ser exibido na caixa de diálogo.
Vargudes--
Parâmetro opcional, tipo: variante. Usado para passar os parâmetros para a caixa de diálogo. Os tipos de parâmetros passados não são limitados, incluindo matrizes, etc. A caixa de diálogo usa Window.Dialogarguments para obter os parâmetros passados.
SFeatures--
Parâmetro opcional, tipo: string. As informações usadas para descrever a aparência de uma caixa de diálogo, como as seguintes informações, podem ser separadas por um semicolon ";".
1.DialogHeight: A altura da caixa de diálogo não é inferior a 100px. As unidades padrão de diálogo e largura de diálogo no IE4 são EM e PX no IE5. Por uma questão de conveniência, ao definir a caixa de diálogo no método modal, o PX é usado como unidade.
2.DialogWidth: Largura da caixa de diálogo.
3.Dialogleft: a distância da esquerda da tela.
4.Dialogtop: A distância da tela.
5.Center: {sim | Não | 1 | 0}: se a janela está centrada, os padrões de sim, mas você ainda pode especificar altura e largura.
6.Help: {sim | Não | 1 | 0}: Seja para exibir o botão Ajuda, o padrão é sim.
7.Resizable: {sim | Não | 1 | 0} [ie5+]: se o tamanho pode ser alterado. Padrão não.
8.Status: {sim | Não | 1 | 0} [ie5+]: se deve exibir a barra de status. Padrões para sim [Modosess] ou não [modal].
9.Scroll: {sim | Não | 1 | 0 | ON | OFF}: indica se a caixa de diálogo exibe barras de rolagem. O padrão é sim.
Os seguintes atributos são usados no HTA e geralmente não são usados nas páginas da Web em geral.
10.Dialoghide: {sim | Não | 1 | 0 | ON | OFF}: se a caixa de diálogo está oculta ao imprimir ou imprimir visualização. O padrão é não.
11.Edge: {afundado | Levantado}: Especifique o estilo de fronteira da caixa de diálogo. O padrão é aumentado.
12.UNORDOND: {Sim | Não | 1 | 0 | ON | OFF}: o padrão é não.
Passagem do parâmetro:
(1). Se você deseja passar os parâmetros na caixa de diálogo, você os passa através dos Varguments. Não há restrição no tipo, para tipos de string, o máximo é de 4096 caracteres. Objetos também podem ser passados, por exemplo:
---------------------------------
página parent.htm:
<SCRIPT> var obj = new Object (); obj.name = "jb51"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogHeight = 100px"); </script>página modal.htm:
<Cript> var obj = window.dialogargudentsalet ("O parâmetro que você passa é:" + obj.name) </sCript>(2) Você pode retornar informações à janela em que a caixa de diálogo é aberta através da janela.returnValue e, é claro, também pode ser um objeto. Por exemplo:
Código da página parent.htm:
<SCRIPT> str = window.showmodaldialog ("modal.htm" ,, "dialogwidth = 200px; dialogHeight = 100px"); alert (str); </script> modal.htm <cript> window.returnValue = "http://wwwwww.jb51.com";exemplo:
função showdialog (url) {var iwidth = 300; // largura da janela var iHeight = 200; // Altura da janela 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:"+Ileft+"; Reszable: Não: Status: Não; Scroll: Não"); }Observe o segundo parâmetro aqui, janela
4. O problema de não atualizar os dados da janela do modo (cache)
Adicione a seguinte declaração à página JSP
<% Response.setheader ("Pragma", "sem cache"); Response.setheader ("Cache-Control", "No-Cache"); Response.SetDateHeader ("Expira", 0);%>5. Na janela do modo, o link exibe um novo problema de janela:
◎ _blank, abra o arquivo de link na nova janela do navegador.
◎ _Parent, carregue o arquivo vinculado no conjunto de quadros pai ou na janela pai contendo o quadro do link. Se a estrutura que contém o link não estiver aninhada, o arquivo vinculado será carregado na janela da tela cheia do navegador, assim como o parâmetro _elf.
Self _Self, abra o documento vinculado no mesmo quadro ou janela. Este parâmetro é o valor padrão e geralmente não é especificado.
◎ _top, abre o documento vinculado em toda a janela atual do navegador, excluindo todos os quadros.
Adicione <a href = "a.html" target = "_ em branco"/> entre </ad Head> e <body>
6. Como fechar a página silenciosamente:
function closewin () {var ua = navegator.userAgent; var ie = navegator.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 ()}}Os leitores interessados podem depurar os métodos acima, que acredito que trarão alguma inspiração e ajuda para todos.