Il y a aussi un problème rencontré dans le projet:
Il y a A.Html et B.Html.
1. La page A a été ouverte, mais la page B n'a pas encore été ouverte. J'espère définir certains paramètres de colonne à la page A, tels que la couleur d'arrière-plan, la largeur et d'autres paramètres, et le transmettre à la page B afin que la page B puisse être appliquée lorsqu'elle est ouverte.
2. La page A est déjà ouverte, la page B est ouverte ou non. À la page A, vous devez obtenir des éléments et même des variables de la page B pour faciliter l'application à la page a.
Remarque: aucun problème interdomain n'est impliqué.
Après avoir réfléchi longtemps, j'ai finalement pensé à la solution.
La première question est que nous pouvons utiliser les caractéristiques du point d'ancrage de la page HTML pour transmettre les paramètres à la page B via l'URL
Ceci est le code de page:
<fontificatrices des paramètres de saut </frut> Var BTN = document.QuerySelector ('Button'); console.log (fenêtre); btn.addeventListener ('click', function () {window.location = 'ci.html # bgc = # 369? wd = 500'}) </cript>À partir du code, vous pouvez savoir que lorsque vous cliquez sur le bouton pour sauter sur la page, il y a une série de paramètres après l'URL sautée, ce qui n'affectera pas l'adresse de saut. Lorsque la page B est ouverte, vous pouvez obtenir la chaîne interceptée de l'emplacement pour obtenir des variables et des valeurs variables, puis l'appliquer.
Ceci est le code de la page B:
<div> </div> <cript> var div = document.QuerySelector ('div'); var bl = window.location.hash.slice (1) .split ('?'); if (bl.length> = 1) {for (var i = 0; i <bl.length; i + = 1) {switch (bl [i] .split ('=') [0]) {case 'bgc': document.body.style.background = bl [i] .split ('=') [1]; casser; case 'wd': div.style.width = bl [i] .split ('=') [1] + 'px'; casser; par défaut: null; casser; }}} </ script>En interceptant la chaîne, obtenez l'application variable transmise par l'URL. succès!
La deuxième question est que je pense à atteindre l'objectif à travers les iframes, ce qui n'est qu'un truc.
Créez dynamiquement un iframe à la page A et définissez la valeur SRC sur la page B, et l'affichage n'est pas. Ensuite, utilisez la propriété ContentDocument de l'IFRAME pour obtenir le document IFRAME renvoyé.
Obtenez les éléments requis dans le document et appliquez-les.
Code source:
<span> 111111111111 </span> <cript> var fram = document.createElement ('iframe'); fram.src = 'http://www.vip.com/kongzhi/fram2.html'; fram.style.display = 'Aucun'; Document.Body.ApendChild (FRAM); fram.onload = function () {var doc = fram.contentDocument || Fram.Contentwindow.Document; var p = doc.QuerySelector ('p'); document.body.ApendChild (P); } </ script>L'exemple simple ci-dessus de passer des paramètres entre les pages statiques pour obtenir des paramètres et les appliquer est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.