JavaScriptポップアップウィンドウとウィンドウ間の通信
1125 ワード
JavaScriptを利用して、ポップアップウィンドウを着てもいいです.多くの属性をコントロールできます.さらに、二つのウィンドウの間で通信することもできます.
このページのJavaScriptコード
このページのJSは、関数が一つしかありません.300*300のページを開くのに責任があります.
<script type="text/javascript">
function test(){
window.open('04_popup_test.html','popup','width=300,height=300')
}
</script>
HTMLコード<form action="#">
<button onclick="test(); return false;" value="test" > </button>
</form>
効果クリックテストウェブページのJavaScriptコードをイジェクトします.
ホームページのJSを弾いて、まず、window.openerを使って父のホームページのwindowを引用して、更にlocationでその住所を出力します.最後に親ページの背景色を変更する関数があります.私たちはまだ多くのことをすることができます.これはJavaScriptウィンドウ間の通信の小さな例です.
<script type="text/javascript">
farther = window.opener;
document.write(farther.location);
function changeFarther(){
farther.document.getElementById('content').style.backgroundColor = "yellow";
}
</script>
HTMLコード<button onclick="changeFarther(); return false;"> </button>