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>