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 ist bereits 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? wd = 500'}) </script>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) {Switch (bl [i] .Split ('=') [0]) {case 'bgc': document.body.style.background = bl [i] .Split ('=') [1]; brechen; Fall 'WD': Div.Style.width = Bl [i] .Split ('=') [1] + 'px'; brechen; Standard: null; brechen; }}} </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'; document.body.appendchild (Fram); Fram.onload = function () {var doc = Fram.ContentDocument || Fram.ContentWindow.Document; var p = doc.querySelector ('P'); document.body.appendchild (p); } </script>Das obige einfache Beispiel für die Übergabe von Parametern zwischen statischen Seiten, um Parameter zu erhalten und sie anzuwenden, ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.