<!DOCTYPE html><html><head><meta charset=34;utf-8"> <style type="text/css"></style><link rel="stylesheet" type="text/css" href="#"></head><body><input type="button" value="打开新窗口" onclick="openNewWin()" /></body><script type="text/javascript">function openNewWin() {var openWindow = window.open("newTest.html","弹到新窗口","height=500, width=800, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");}/(00) window.open 弹出新窗口的命令(01) newTest.html 弹出窗口的文件名,或要求地址(02) 弹出窗口的名字(不是文件名),非必须,可用空''代替(03) height=100 窗口高度(04) width=400 窗口宽度(05) top=0 窗口间隔屏幕上方的像素值(06) left=0 窗口间隔屏幕左侧的像素值(07) toolbar=no 是否显示工具栏,yes为显示(08) menubar 表示菜单栏(09) scrollbars 表示滚动栏(10) resizable=no 是否许可改变窗口大小,yes为许可(11) location=no 是否显示地址栏,yes为许可(12) status=no 是否显示状态栏内的信息(常日是文件已经打开),yes为许可/</script></html>
(2),弹窗并居中
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css"></style><link rel="stylesheet" type="text/css" href="#"></head><body><input type="button" value="弹出的窗口居中" onclick="testOpenCenterWindow()" /></body><script type="text/javascript">function testOpenCenterWindow() {// 窗口垂直位置水平位置var iTop = (window.screen.availHeight - 30 - 500) / 2;var iLeft = (window.screen.availWidth - 10 - 800) / 2; //减widthvar openWindow = window.open("newTest.html","测试弹窗口并居中","height=500, width=800, top="+ iTop+", left="+ iLeft+", toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");}</script></html>
(3),窗口 location属性
window工具location属性是引用Location工具,它表示该窗口显示文档的URLwindow.location.href="page1.jsp"; //当前窗口显示指定页面window.close(); //关闭本页面
(4),窗口与父窗口通信
(1) 利用window.open()创建的窗口与父窗口通信 可以在子窗口页面中通过window.opener来获取父窗口工具,获取之后子窗口便可以对父窗口实行刷新,传值等操作。window.opener.location.reload(); //子窗口刷新父窗口window.opener.location.href //获取父窗口href//设置父窗口元素值window.opener.document.getElementById("loginname").value="return1" ;