简单的例子来开启一个新的窗口
用window.open()来开启一个新的窗口,最简单的是只有一个参数,这个参数是open()中的第一个参数url
eg: window.open(demo_1.html);(打开一个名字为demo_1.html的文件)
如果对新打开的窗口有一定的宽高是否滚动等设置,需要添加open()里边的参数,如下所示:
window.open('demo_1.html', 'newwindow', 'height=200, width=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');
window.open 弹出新窗口的命令;
'demo_1.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=200 窗口高度;(如果新打开的窗口需要更多的空间,将height和width的值设置大)
width=500 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
下边为我写的一个最基本的弹出新窗口的代码:
原窗口命名为demo.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打开一个新窗口</title>
<!--<script src="js/jquery-1.11.0.min.js"></script>-->
<script>
function newwin(){
window.open('new demo_1.html','','height=300,width=600,top=50,left=100,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no');
}
</script>
</head>
<body>
<!--给input绑定一个函数,当鼠标点击input框时,可以弹出窗口-->
省份<input type="text" id="myinput" value="" onclick="newwin()"/>
</body>
</html>
打开的新窗口命名为demo_1.html:
window.opener.document.getElementById("myinput").value=this.innerHTML;是将新打开的页面的li里边的内容赋值给demo.html页面的input中的value;
其中的window.close()是用来关闭新开的窗口。