Es gibt auch ein Problem im Projekt:
Es gibt a.html und B.html.
1. Seite A wurde geöffnet, aber Seite B wurde noch nicht geöffnet. Ich hoffe, einige Spaltenparameter auf Seite A festzulegen, z. B. Hintergrundfarbe, Breite und andere Parameter, und sie an Seite B weitergeben, damit Seite B beim Öffnen angewendet werden kann.
2. Seite A wurde geöffnet, Seite B ist geöffnet oder nicht. Auf Seite A müssen Sie einige Elemente und sogar Variablen von Seite B erhalten, um die Anwendung auf Seite A zu erleichtern.
Hinweis: Es gibt keine Cross-Domänen-Probleme.
Nachdem ich lange nachgedacht hatte, dachte ich schließlich an die Lösung.
Die erste Frage ist, dass wir die Eigenschaften des HTML -Seiten -Ankerpunkts verwenden können, um die Parameter über die URL an die B -Seite zu übergeben
Dies ist der Seitencode:
<Taste> Sprungeinstellungen </button> <skript> var btn = document.querySelector ('button'); console.log (Fenster); btn.addeventListener ('klick', function () {window.location = 'ci.html#bgc =#369?Aus dem Code können Sie wissen, dass beim Klicken auf die Schaltfläche zur Seite eine Reihe von Parametern nach der gesprungenen URL vorhanden ist, die sich nicht auf die Sprungadresse auswirken. Wenn Seite B geöffnet ist, können Sie die abgefängliche Position abfangen, um Variablen und Variablenwerte zu erhalten, und dann anwenden.
Dies ist der B -Seitencode:
<div> </div> <script> var div = document.querySelector ('div'); var bl = window.location.hash.slice (1) .Split ('?'); if (bl.Length> = 1) {für (var i = 0; i <bl.Length; i += 1) {swith (bl [i]. 'bgc': document.body.style.background = bl [i] .Split ('=') [1]; break; case 'wd': div.style.width = bl [i] .Split ('=') [1] + 'px'; Break; Default: null;}}} </script>} </script>} </script>} </script>} </script>} </script>} </script>} </script>} </script;Wenn Sie die Zeichenfolge abfangen, erhalten Sie die variable Anwendung von der URL übergeben. Erfolg!
Die zweite Frage ist, dass ich daran denke, das Ziel durch IFrames zu erreichen, was nur ein Trick ist.
Erstellen Sie dynamisch einen Iframe auf Seite A und setzen Sie den SRC -Wert auf Seite B und Anzeige ist keine. Verwenden Sie dann die ContentDocument -Eigenschaft des Iframe, um das zurückgegebene IFrame -Dokument zu erhalten.
Holen Sie sich die erforderlichen Elemente in das Dokument und wenden Sie sie an.
Quellcode:
<span> 1111111111111 </span> <script> var fram = document.createelement ('iframe'); Fram.src = 'http://www.vip.com/Kongzhi/Fram2.html';fram.style.display =' None '; Fram.ContentDocument || Fram.ContentWindow.Document; var p = doc.querySelector ('p'); document.body.appendchild (p);} </script>Das obige ist die statische Seite der JS -Steuerung, die ich Ihnen vorgestellt habe, und die Parameter werden übergeben und erhalten. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!