注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

倚楼听风雨

没有理想的人,永远也不能翱翔与蓝天白云之上~

 
 
 

日志

 
 

JSP弹出窗口(3)  

2008-09-22 23:02:22|  分类: java |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

【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" 〉open〈/a〉即可。

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

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

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

  〈script language="JavaScript"〉

  function closeit() {

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

  }

  〈/script〉

  

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

  【7、在弹出窗口中加上一个关闭按钮】

  〈FORM〉

  〈INPUT TYPE=´BUTTON´ VALUE=´关闭´

  〈/FORM〉

  

  呵呵,现在更加完美了!

  

  【8、内包含的弹出窗口---一个页面两个窗口】

  

  上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。

  〈html〉

  〈head〉

  〈SCRIT LANGUAGE="JavaScript"〉

  function openwin()

  {

  OpenWindow=window.open("", "newwin", "height=250,   

  width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

  //写成一行

  OpenWindow.document.write("〈TITLE〉例子〈/TITLE〉")

  OpenWindow.document.write("〈BODY BGCOLOR=#ffffff〉")

  OpenWindow.document.write("〈h1〉Hello!〈/h1〉")

  OpenWindow.document.write("New window opened!")

  OpenWindow.document.write("〈/BODY〉")

  OpenWindow.document.write("〈/HTML〉")

  OpenWindow.document.close()

  }

  〈/SCRIPT〉

  〈/head〉

  〈body〉

  〈a href="#" 〉打开一个窗口〈/a〉

  〈input type="button" value="打开窗口"〉

  〈/body〉

  〈/html〉

  看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

  评论这张
 
阅读(829)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017