网站首页站长博客下载中心域名交易站长论坛域名主机免费电邮免费域名中文排行排名查询站长书库书籍教程下载
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
学院首页 网络编程 网页设计 图形图象 数 据 库 服 务 器 网络媒体 网络安全 个人专栏 站长CLUB 业界新闻 信息公告
 当前位置:首页 >> 网络编程 >> JSP专区 >> 正文
公告通知
返回上级列表
资料搜索
相关文章
小窗口大学问--玩转弹出窗口(2)
[ 来源:中国站长学院 | 作者:郁郁小蝎 | 时间:2005-4-30 9:16:25 | 浏览:人次 ]
收藏到新浪ViVi 收藏到365KEY 收藏到我摘  字号选择〖    〗/ 双击滚屏 单击停止  
  【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?

[发送给好友]  [打印本页]  [关闭窗口]  [返回顶部]   转载请注明来源:http://edu.chinaz.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
栏目编辑: 设计风 责任编辑: 设计风
原始作者: 郁郁小蝎 录入时间: 2005-4-30 9:16:25
信息来源: 中国站长学院 投稿信箱: Edu#chinaz.com
设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 总编信箱 - 会员投稿