日期:2014-05-16 浏览次数:20368 次
1.导航和打开新窗口
??????? window.open()方法可以打开新的窗口。该方法有四个参数:
??????? (1)新窗口url;
??????? (2)新窗口名称;
??????? (3)特性字符串
??????? (4)新页面是否替换当前页面(Boolean值)只在调用该方法但不打开新窗口时有用
??????? 一般情况下会用到前面三个参数。
??????? window.open("http://www.wrox.com","topFrame");这一行代码的效果类似用户点击链接http://www.wrox.com,而其target="topFrame"。当然,专用的框架名_self,_parent,_top,_blank也是有效的。
??????? 如果声明的第二个参数是无效的,则该窗口的特性由第三个参数决定。如果第三个参数省略,则类似于点击链接target="_blank"。这意味着新窗口的设置,与默认的浏览器的设置完全一样。特性字符串使用逗号隔开的设置列表。
??????? window.open()方法的返回值是新产生窗口对象。可以利用该对象进行操作。示例:
<html> <head> <title></title> <script type="text/javascript"> function openwindow() { //newWnd保存新创建的窗口对象 var newWnd = window.open("http://www.google.com","googlewindow","height=600,width=800,resizable=yes"); //下面开始窗口操作 //将新窗口宽度和高度加大100,50 newWnd.resizeBy(100,50); //关闭新窗口 newWnd.close(); } </script> </head> <body onload="openwindow();"> </body> </html>
???????? 被打开的窗口中,通过opener属性保存对打开该窗口的窗口的引用(呵呵,有点向绕口令)。上面的例子中,
alert(newWnd.opener==window)会显示true。
?
参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。