JavaScript ブラウザ間でデータを転送する方法 windows_javascript スキル

この記事の例では、JavaScript ブラウザ ウィンドウ間でデータを転送する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

概要:

プロジェクトの開発中にポップアップ ウィンドウに遭遇することはよくあります。ポップアップ ウィンドウの効果をシミュレートするために div を使用するもの、iframe を使用するもの、ウィンドウに付属の open 関数を使用して新しいウィンドウを開くものがあります。今日皆さんと共有するのは、window.open() 関数を使用してデータ対話用のページを開く最後の方法です。まず、レンダリングを見てください:

原則:

親ウィンドウは url パラメーターを通じて子ウィンドウにデータを渡し、子ウィンドウは親ウィンドウのグローバル関数を通じて親ウィンドウにデータを渡します。

コード:
index.html は次のとおりです:

コードをコピー コードは次のとおりです:

<頭>

ボタン
<スクリプト>
var test = document.getElementById('test');
test.onclick = function() {
window.open('./window.html?param1=name¶m2=password', '_blank','width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no ,scrollbars=yes,resizable=yes');
};
window.getContent = function(tx) {
document.getElementById('content').innerText = tx;
}

window.html は次のとおりです:

コードをコピー コードは次のとおりです:

<頭>

<名前="" id="都市"を選択>
上海
杭州

<スクリプト>
var params = location.href.substring(location.href.lastIndexOf('?') 1).split('&');
document.getElementById('content').innerText = params;
var city = document.getElementById('city');
City.onchange = function() {
window.opener.getContent(city.value);
}

注: ここで実行するにはサービス環境が必要です

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。