Este artigo descreve o método de transmitir dados entre o JavaScript Browser Windows. Compartilhe para sua referência. A análise específica é a seguinte:
resumo:
No desenvolvimento do projeto, geralmente encontramos janelas pop-up. Alguns usam o Div para simular efeitos pop-up, outros usam iframes e outros usam Windows para abrir uma nova janela através da função aberta que vem com a janela. Hoje vou compartilhar com você o último tipo de interação de dados através da função window.open (). Primeiro olhe para as renderizações:
princípio:
Os dados passados para a janela criança pela janela dos pais são passados pelos parâmetros da URL, e os dados passados para a janela filho pela janela dos pais são passados pela função global da janela pai.
Código:
Index.html é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> Documento </title>
</head>
<Body>
<div id = "content"> </div>
<botão id = "test"> Button </botão>
<Cript>
var teste = document.getElementById ('teste');
test.OnClick = function () {
window.open ('./ window.html? param1 = name¶m2 = senha', '_blank', 'largura = 960, altura = 650, Menubar = não, barra de ferramentas = não, localização = não, diretórios = não, status = Não, scrollBars = sim, resizável = sim');
};
window.getContent = function (tx) {
document.getElementById ('content'). InnerText = tx;
}
</script>
</body>
</html>
window.html é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> Documento </title>
</head>
<Body>
<div id = "content"> </div>
<select name = "" id = "city">
<opção value = "shanghai"> shanghai </pption>
<opção value = "hangzhou"> hangzhou </pption>
</leclect>
<Cript>
var params = location.href.substring (location.href.lastindexof ('?')+1) .split ('&');
document.getElementById ('content'). InnerText = params;
var cidade = document.getElementById ('cidade');
city.onchange = function () {
window.opener.getContent (City.Value);
}
</script>
</body>
</html>
Nota: Existe um ambiente de serviço para ser executado aqui
Espero que este artigo seja útil para a programação JavaScript de todos.