当前位置: 首页 > 图文教程 > 网络编程 > JSP > 小窗口大学问--玩转弹出窗口(2)

JSP
jsp计数器制作
用jsp编写文件上载
基于JSP的动态网站开发技术
JSP由浅入深(3)—— 通过表达式增加动态内容
JSP由浅入深(5)—— Scriptlets和HTML的混合
JSP由浅入深(1)—— 熟悉JSP服务器
JSP由浅入深(12)—— 表单编辑
JSP由浅入深(11)—— 标记库
JSP由浅入深(10)—— Beans and Forms处理
JSP由浅入深(9)—— JSP Sessions
JSP由浅入深(8)—— JSP Tags
JSP由浅入深(6)—— JSP声明
JSP由浅入深(4)—— Scriptlets
JSP由浅入深(2)—— 第一个JSP
JSP由浅入深(7)—— JSP Directives
JSP中的字符替换函数 str_replace() 实现!
把一张图片变形扭曲成各种不同的长宽
用JSP编写通用信息发布程序
Java Servlet及Cookie的使用
Apache+Servlet+Jsp环境设置(上)

JSP 中的 小窗口大学问--玩转弹出窗口(2)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-04   浏览: 89 ::
收藏到网摘: n/a

  【3、用函数控制弹出窗口】

  下面是一个完整的代码:
  
  〈html〉
  〈head〉
  〈script LANGUAGE="JavaScript"〉
  〈!--
  function openwin() {
  window.open ("page.html", "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.html", "newwindow", "height=100, width=100,
  top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
  location=no,status=no")
  //写成一行
  window.open ("page2.html", "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?