javascript - Cliquez sur le bouton d'une page pour afficher le texte sur une autre page

Question

Je souhaite cliquer sur le bouton d'une page, puis afficher le texte dans l'élément p d'une autre page. Les deux pages importent du js.

Answer 1

Selon votre description, la communication doit se faire entre deux pages Web du même domaine (même protocole, même nom d'hôte, port. Dans ce cas, elle peut être réalisée via le stockage local de h5). Pas besoin de passer par le serveur.

1. Lorsque vous cliquez sur le bouton de la page a, définissez une paire de nouvelles valeurs localStorage.

$("#in").click(function(){
    localStorage.setItem("setText","hello")
})

2. Écoutez l'événement de stockage de la fenêtre à la page b. Lorsque cet événement est déclenché, cela signifie que les données stockées ont changé. L'attribut key de l'objet événement est utilisé pour déterminer la valeur de clé modifiée. S'il s'agit du setText que nous définissons, nous pouvons définir le contenu de $("#out. ").

window.addEventListener("storage",function(e){
    if(e.key=="setText"){
        var text=localStorage.getItem("setText")
        $("#out").text(text);
    }
});

Étant donné que la page b écoute l'événement de stockage, après avoir actualisé la page, si la valeur setText définie lorsque vous cliquez sur la page a est toujours la valeur d'origine, cet événement ne sera pas déclenché. Si vous souhaitez que cet élément affiche toujours la valeur qui vient d'être définie après l'actualisation de la page b, vous devez également ajouter un jugement à la page b :

if(localStorage.getItem("text")){
    h.innerText=localStorage.getItem("text")
}

Si vous avez des questions, j'espère que nous pourrons en discuter.

Answer 2

S'il s'agit d'une iframe, utilisez postMessage

S'il y a deux pages Web distinctes, une redirection doit être effectuée côté serveur. La page A envoie les données et le serveur les stocke dans la base de données. La page B effectue une interrogation pour vérifier si les données ont changé et sont mises à jour. les données s'il y a un changement#🎜 🎜#

Answer 3

postMessage

Answer 4

Je n'ai pas compris vos besoins, j'ai hardiment deviné que ce dont la personne qui pose la question a besoin, c'est de websock