Cet article décrit la méthode de passage des données entre les fenêtres du navigateur JavaScript. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
résumé:
Dans le développement de projets, nous rencontrons souvent des fenêtres pop-up. Certains utilisent Div pour simuler des effets contextuels, certains utilisent des iframes et certains utilisent des fenêtres pour ouvrir une nouvelle fenêtre via la fonction ouverte fournie avec la fenêtre. Aujourd'hui, je vais partager avec vous le dernier type d'interaction de données via la fonction Window.Open (). Premièrement, regardez les rendus:
principe:
Les données transmises à la fenêtre de l'enfant par la fenêtre parent se déroulent à travers les paramètres de l'URL, et les données transmises à la fenêtre enfant par la fenêtre parent sont passées par la fonction globale de la fenêtre parent.
Code:
Index.html est le suivant:
Copiez le code comme suit: <! Doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
</ head>
<body>
<div id = "Content"> </div>
<Button id = "test"> Button </fontificateur>
<cript>
var test = document.getElementById ('test');
test.onclick = function () {
window.open ('./ window.html? Param1 = name¶m2 = mot de passe', '_blank', 'width = 960, height = 650, menuBar = non, toolbar = non, location = non, répertoires = non, status = non, Scrollbars = oui, resizable = oui');
};
window.getContent = fonction (tx) {
document.getElementById ('Content'). InnerText = TX;
}
</cript>
</docy>
</html>
window.html est la suivante:
Copiez le code comme suit: <! Doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
</ head>
<body>
<div id = "Content"> </div>
<select name = "" id = "city">
<option value = "shanghai"> shanghai </ option>
<option value = "hangzhou"> hangzhou </ option>
</lect>
<cript>
var params = location.href.substring (emplacement.href.lasteIndexof ('?') + 1) .split ('&');
document.getElementById ('Content'). InnerText = params;
var ville = document.getElementByid ('ville');
city.onchange = function () {
window.oopener.getContent (City.Value);
}
</cript>
</docy>
</html>
Remarque: il existe un environnement de service à exécuter ici
J'espère que cet article sera utile à la programmation JavaScript de tous.