Este artículo describe el método de pasar datos entre las ventanas del navegador JavaScript. Compártelo para su referencia. El análisis específico es el siguiente:
resumen:
En el desarrollo del proyecto, a menudo encontramos ventanas emergentes. Algunos usan Div para simular los efectos emergentes, algunos usan iframes y otros usan ventanas para abrir una nueva ventana a través de la función abierta que viene con la ventana. Hoy compartiré con usted el último tipo de interacción de datos a través de la función Window.open (). Primera mira a las representaciones:
principio:
Los datos pasados a la ventana infantil por la ventana principal se pasan a través de los parámetros de la URL, y los datos pasados a la ventana infantil por la ventana principal pasan a través de la función global de la ventana principal.
Código:
Index.html es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html lang = "en">
<Evista>
<meta charset = "utf-8">
<title> documento </title>
</ablo>
<Body>
<div id = "contenido"> </div>
<botón id = "test"> botón </boton>
<script>
var test = document.getElementById ('test');
test.OnClick = function () {
Window.open ('./ Window.html? Param1 = name¶m2 = contraseña', '_blank', 'width = 960, altura = 650, menuBar = no, barra de herramientas = no, ubicación = no, directorios = no, status = no, scrollbars = sí, residable = yes');
};
window.getContent = function (tx) {
document.getElementById ('Content'). Innertext = tx;
}
</script>
</body>
</html>
Window.html es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html lang = "en">
<Evista>
<meta charset = "utf-8">
<title> documento </title>
</ablo>
<Body>
<div id = "contenido"> </div>
<select name = "" id = "ciudad">
<opción valor = "shanghai"> shanghai </opción>
<opción valor = "hangzhou"> hangzhou </ppection>
</select>
<script>
var params = ubicación.href.substring (ubicación.href.lastindexof ('?')+1) .split ('&');
document.getElementById ('Content'). Innertext = params;
var city = document.getElementById ('City');
City.onchange = function () {
Window.opener.getContent (City.Value);
}
</script>
</body>
</html>
Nota: Hay un entorno de servicio para ejecutar aquí
Espero que este artículo sea útil para la programación de JavaScript de todos.