プロジェクトでは問題もあります。
a.htmlとb.htmlがあります。
1。ページAが開かれましたが、ページBはまだ開いていません。背景色、幅、その他のパラメーターなどのページAにいくつかの列パラメーターを設定し、ページBを開くときに適用できるようにページBに渡したいと考えています。
2。ページAはすでに開いており、ページBは開いているかどうか。ページAでは、ページBからいくつかの要素や変数を取得して、ページaへのアプリケーションを容易にする必要があります。
注:クロスドメインの問題は関係ありません。
長い間考えた後、私はついに解決策を考えました。
最初の質問は、HTMLページのアンカーポイントの特性を使用して、URLを介してパラメーターをBページに渡すことができるということです。
これはページコードです:
<butth>ジャンプ設定</button> <script> var btn = document.queryselector( 'button'); console.log(window); btn.addeventlistener( 'click'、function(){window.location = 'ci.html#bgc =#369?wd = 500'})</scrip>コードから、ボタンをクリックしてページにジャンプすると、ジャンプしたURLの後に一連のパラメーターがあり、ジャンプアドレスに影響しないことがわかります。ページBが開かれたら、位置インターセプトされた文字列を取得して変数と変数値を取得してから適用できます。
これはBページコードです:
<div> </div> <script> 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.background = bl [i] .split( '=')[1];壊す; case 'wd':div.style.width = bl [i] .split( '=')[1] + 'px';壊す;デフォルト:null;壊す; }}} </script>文字列を傍受することにより、URLで渡された可変アプリケーションを取得します。成功!
2番目の質問は、IFramesを通じて目標を達成することを考えていることです。これは単なるトリックです。
ページAにiframeを動的に作成し、SRC値をページBに設定すると、表示はありません。次に、iframeのContentDocumentプロパティを使用して、返されたiframeドキュメントを取得します。
ドキュメントに必要な要素を取得して、それらを適用します。
ソースコード:
<span> 11111111111111 </span> <scrip> 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>パラメーターを取得してそれらを適用するために静的ページ間にパラメーターを渡す上記の簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。