小窗口大学问--玩转弹出窗口(3)


  【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" οnclick="openwin()"〉open〈/a〉即可。

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

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

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

  〈script language="JavaScript"〉
  function closeit() {
  setTimeout("self.close()",10000) //毫秒
  }
  〈/script〉
  
  然后,再用〈body οnlοad="closeit()"〉 这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭 窗口的代码,10秒钟后就自行关闭该 窗口。)

  【7、在弹出 窗口中加上一个关闭按钮】
  〈FORM〉
  〈INPUT TYPE=´BUTTON´ VALUE=´关闭´ onClick=´window.close()´〉
  〈/FORM〉
  
  呵呵,现在更加完美了!
  
  【8、内包含的弹出 窗口---一个页面两个 窗口…………………………………………………………………………

原作者:http://www.verydemo.com/demo_c101_i64216.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值