Open——操作窗口

Open:弹出窗口

1.最基本的弹出窗口代码：

window.open(‘page.html’);

2.经过设置后的弹出窗口：

window.open(‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no’)

参数：

window.open 弹出新窗口的命令；
‘page.html’ 弹出窗口的文件名；
‘newwindow’ 弹出窗口的名字（不是文件名），非必须，可用空’'代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许

用函数控制窗口

一、父窗口操作子窗口

<script>
    	var subwin=window.open("win.html","_blank","top=300,left=300,width=200,height=200,location=yes");
    	function show(obj){
			subwin.document.bgColor=obj.value;
		}
    </script>
	<input type="button" onclick="show(this)" value="red" /><br />
    <input type="button" onclick="show(this)" value="green" /><br />
    <input type="button" onclick="show(this)" value="yellow" /><br />
    <input type="button" onclick="show(this)" value="blue" /><br />
    <input type="button" onclick="show(this)" value="#ff00ff" /><br />

二、子窗口操作父窗口

<script>
        var subwin = window.open("sub.html", "_blank", "top=300,left=300,width=200,height=200,location=yes");
        subwin.focus();

        function demo() {
            var divObj = document.createElement("div");
            var textObj = document.createTextNode("DIV的内容");
            divObj.appendChild(textObj);
            document.body.appendChild(divObj);
            divObj.className = "style";
        }
    </script>
    <style type="text/css">
        .style {
            width: 400px;
            height: 400px;
            border: 1px solid #ccc;
            background-color: orange;
            line-height: 400px;
            text-align: center;
            font-size: 40px;
        }
    </style>