Comment transférer des données entre les compétences du navigateur javascript windows

Maison

interface Web

js tutoriel

Comment transférer des données entre les compétences du navigateur javascript windows_javascript

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:19 PM

javascript 传递数据方法浏览器窗口

L'exemple de cet article décrit la méthode de transfert de données entre les fenêtres du navigateur JavaScript. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Résumé :

Nous rencontrons souvent des fenêtres contextuelles pendant le développement d'un projet. Certains utilisent div pour simuler l'effet de fenêtre contextuelle, certains utilisent iframe et certains ouvrent une nouvelle fenêtre via la fonction d'ouverture fournie avec la fenêtre. Ce que je vais partager avec vous aujourd'hui est la dernière façon d'ouvrir la page pour l'interaction des données via la fonction window.open(). Tout d’abord, jetez un œil aux rendus :

Principe :

La fenêtre parent transmet les données à la fenêtre enfant via les paramètres d'URL, et la fenêtre enfant transmet les données à la fenêtre parent via la fonction globale de la fenêtre parent.

Code :
index.html est le suivant :

Copier le code Le code est le suivant :

Document





Bouton

<script><br>
         var test = document.getElementById('test');<br>
          test.onclick = function() {<br>
window.open('./window.html?param1=name&param2=password', '_blank','width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no ,scrollbars=oui,resizing=oui');<br>
        };<br>
          window.getContent = function(tx) {<br>
                document.getElementById('content').innerText = tx;<br>
><br>
</script>

window.html est le suivant :

Copier le code Le code est le suivant :

Document