JSポップアップサブウィンドウ
4730 ワード
目的
メインウィンドウで、リンクをクリックして、サブウィンドウをイジェクトします.親ウィンドウはサブウィンドウでクリックして閉じ、サブウィンドウを閉じます.サブウィンドウの位置は画面の中央にあります.
実現する
メイン.
alert.
メインウィンドウで、リンクをクリックして、サブウィンドウをイジェクトします.親ウィンドウはサブウィンドウでクリックして閉じ、サブウィンドウを閉じます.サブウィンドウの位置は画面の中央にあります.
実現する
メイン.
<html>
<head><meta charset="utf-8"/>head>
<body>
<a href="" id="a1" target="new"> a>
<div id="msg">div>
<script>
var a1 = document.getElementById('a1');
a1.onclick = function(){
window.open('alert.html', 'new', 'location=no, toolbar=no');
return false;
}
script>
body>
html>
注:location=noはサブウィンドウをイジェクトします.そうでないと、現在のブラウザで新しいページtoolbar=noはサブウィンドウをスクリーンの中央に配置します.alert.
<html>
<head>
<meta charset="utf-8"/>
head>
<body>
<input type="text" name="message" id="m1"/><br/>
<input type="button" id="btn" value=" "/><br/>
<script type="text/javascript">
var btn = document.getElementById('btn');
var message = document.getElementById('m1');
btn.onclick = function(){
var div = window.opener.document.getElementById('msg');
div.innerHTML = message.value;
window.close();
};
script>
body>
html>
ブラウザでメールを実行すると効果が見られます.