window.open()及window.opener
file1.php页面，javascript代码
<script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script>
<script type="text/javascript">
function dianJi(){
//window.open("file2.php","file2","height=100,width=400,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
window.open("file2.php","file2","height=500,width=800,top=100,left=100,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no");
}
function back_db(db2){
$("input[name='text2']").val(db2);
}
</script>
"file2.php" 弹出窗口路径及文件名
"file2" 弹出窗口的名字,也是弹出窗口的句柄(不是文件名),非必须,可空
height 窗口高度
width 窗口宽度
top 窗口距离屏幕上方的象素值
left 窗口距离屏幕左侧的象素值
toolbar=no 是否显示工具栏,yes为显示
menubar 表示菜单栏
scrollbars 表示滚动栏
resizable=no 是否允许改动窗口大小,yes为允许
location=no 是否显示地址栏,yes为允许
status=no 是否显示状态栏内的信息(通常是文件已打开)yes为允许
从命名弹出窗口名称"file2"以后的属性都放在一个双引号里之间用逗号 , 分开,可以使用其中的一个或多个
HTML代码
<input type="button" onclick="dianJi()" value="触发"/>
<input type="text" id="text1" value="hello world!"/>
<input type="text" name="text2" value="hello!"/>
在file2.php页面可以加入如下js代码，让file2.php一定时间后自动关闭，并且用window.opener调用file1.php页面JS里方法和直接改变file1.php页面元素值。
<script type="text/javascript">
function closeit(){
setTimeout("tiaoZhuan()",10000);//setTimeout()指定时间后运行且只运行一次第一个参数里的方法，单位毫秒
//setInterval("tiaoZhuan()",10000);//setInterval()每隔指定时间后运行一次，循环运行，单位毫秒
}
function tiaoZhuan(){
var db1="你好世界！";
var db2="你好！";
window.opener.document.getElementById("text1").value=db1;
window.opener.back_db(db2);
window.close();
}
</script>
HTML代码
<body onload="closeit()">
...十秒钟后自动关闭
</body>
