万卷书   首页 > 电脑书籍 > JSP > 小窗口大学问--玩转弹出窗口
 
   【3、用函数控制弹出窗口】

   下面是一个完整的代码:

   〈html〉
   〈head〉
   〈script LANGUAGE="JavaScript"〉
   〈!--
   function openwin() {
   window.open ("page.htm", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
   //写成一行
   }
   //--〉
   〈/script〉
   〈/head〉
   〈body onload="openwin()"〉
   ...任意的页面内容...
   〈/body〉
   〈/html〉

   这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?

   方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;

   方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;

   方法三:用一个连接调用:〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意:使用的“#”是虚连接。

   方法四:用一个按钮调用:〈input type="button" onclick="openwin()" value="打开窗口"〉

   【4、同时弹出2个窗口】

   对源代码稍微改动一下:
   〈script LANGUAGE="JavaScript"〉
   〈!--
   function openwin() {
   window.open ("page.htm", "newwindow", "height=100, width=100,
   top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
   location=no,status=no")
   //写成一行
   window.open ("page2.htm", "newwindow2", "height=100, width=100,   
   top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,  
   location=no,status=no")
   //写成一行
   }
   //--〉
   〈/script〉

   为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?
上一页 下一页