最新公告:     本站下载公告  [admin  2008年10月24日]        
您现在的位置: 站长资源网 >> 文章中心 >> 实用技巧 >> 网站设计 >> 正文
专题栏目
更多内容
最新推荐 更多内容
相关文章
40种Javascript中常用的
JavaScript实际应用:in
更多内容
制作Javascript弹出窗口技巧九则       ★★★
制作Javascript弹出窗口技巧九则
作者:佚名 文章来源:本站原创 点击数: 更新时间:2008-9-23 10:45:37

  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?

  5、主窗口打开文件1.htm,同时弹出小窗口page.html

  如下代码加入主窗口< head>区:

  < script language="javascript">

  < !--

  function openwin() {

  window.open("page.html","","width=200,height=200")

  }

  //-->

  < /script>

  加入< body>区:

  < a href="1.htm" onclick="openwin()">open< /a>即可

  6、弹出的窗口之定时关闭控制

  下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?

  首先,将如下代码加入page.html文件的< head>区:

  < script language="JavaScript">

  function closeit() {

  setTimeout("self.close()",10000) //毫秒

  }

  < /script>

  然后,再用< body onload="closeit()"> 这一句话代替page.html中?有的< BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

上一页  [1] [2] [3] 下一页

文章录入:admin    责任编辑:zhongping 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 |
    站长资源网
    本站建议最佳分辨率 1024*768
    站长:雪狼 Q Q : 29525100
    国家信息产业部备案编号:鄂ICP备06012987号
    Copyright © 2005-2008 ZZPing.Com All Rights Reserve