当前位置:学会吧培训频道电脑知识学习网页制作Javascript教程玩透javascript弹出窗口» 正文

玩透javascript弹出窗口

[08-08 00:41:42]   来源:http://www.xuehuiba.com  Javascript教程   阅读:8354
概要:首先,将如下代码加入page.html文件的<head>区:<script language="javascript">function closeit(){setTimeout("self.close()",10000) file://毫秒}</script>然后,再用<body >这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)【7、在弹出窗口中加上一个关闭按钮】<FORM><INPUT TYPE='BUTTON' VALUE='关闭' ></FORM>呵呵,现在更加完美了!【8、内包含的弹出窗口-一个页面两个窗口】上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。&l
玩透javascript弹出窗口,标签:javascript视频教程,javascript教程下载,http://www.xuehuiba.com

  首先,将如下代码加入page.html文件的<head>区:
  <script language="javascript">
  function closeit()
  {setTimeout("self.close()",10000) file://毫秒}
  </script>
  然后,再用<body >这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

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

  <FORM>
  <INPUT TYPE='BUTTON' VALUE='关闭' >
  </FORM>
  呵呵,现在更加完美了!

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

  上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。

  通过下面的例子,你可以在一个页面内完成上面的效果。
  <html>
  <head>
  <SCRIPT LANGUAGE="javascript">
  function openwin()
  {OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
  file://写成一行
  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()结束啊。

  【9、终极应用--弹出的窗口之Cookie控制】

  回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me.

  我们使用cookie来控制一下就可以了。

  首先,将如下代码加入主页面HTML的<HEAD>区:
  <script>
  function openwin()
  {window.open("page.html","","width=200,height=200")}
  function get_cookie(Name)
  {var search = Name + "="
  var returnvalue = "";
  if (documents.cookie.length > 0) {
  offset = documents.cookie.indexOf(search)
  if (offset != -1) {
  offset += search.length
  end = documents.cookie.indexOf(";", offset);
  if (end == -1)
  end = documents.cookie.length;
  returnvalue=unescape(documents.cookie.substring(offset,end))
  }
  }
  return returnvalue;
  }
  function loadpopup(){
  if (get_cookie('popped')==''){
  openwin()
  documents.cookie="popped=yes"
  }
  }
  </script>
  然后,用<body >(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!

  写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。需要注意的是,JS脚本中的的大小写最好前后保持一致。

电脑术语解释大全 http://www.xuehuiba.com

上一页  [1] [2] 


Tag:Javascript教程javascript视频教程,javascript教程下载电脑知识学习 - 网页制作 - Javascript教程
《玩透javascript弹出窗口》相关文章
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13