设为首页加入收藏业务一览表公司历程公司介绍联系我们
当前位置网站建设知识 >> 网站制作中弹出窗体代码

网站制作中弹出窗体代码

网站制作中弹出窗体代码

 网站制作中弹出窗体是怎么写的呢?下面就和我们一起学习一下~!
  <SCRIPT LANGUAGE="javascript">
  <!--
  window.open ('page.html')
  -->
  </SCRIPT>
  由于这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE ="javascript">标签和</script>之间。
  <!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中假如不支持javascript,不会将标签中的代码作
  为文本显示出来。
  Window.open ('page.html')用于控制弹出新的窗口page.html,假如page.html不与主窗口在同一路径下,前面
  应写明路径,尽对路径("> 技术教程//
  万不要忘记写啊!这一句的作用是调用封闭窗口的代码,10秒钟后就自行封闭该窗口。)
  【在弹出窗口中加上一个封闭按钮】
  <form>
  <INPUT TYPE='BUTTON' value='封闭' onClick='window.close()'>
  </form>
  呵呵,现在更加完美了!
  【内包含的弹出窗口——一个页面两个窗口】
  上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
  通过下面的例子,你可以在一个页面内完成上面的效果。
  <html>
  <head>
  <SCRIPT 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="#" onclick="openwin()">打开一个窗口</a>
  <input type="button" onclick="openwin()" value="打开窗口">
  </body>
  </html>
  看看OpenWindow.document.write()里面的代宁波丰胸网码不就是标准的HTML吗?只要按照格式写更多的行即可。千万留意多一个标签或少一个标签都会出现错误。记住用OpenWindow.document.close()结束啊。
  【终极应用——弹出窗口的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 onload="loadpopup()">(留意不是openwin 而是loadpop啊)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进进该页面,窗口再也不会弹出了。真正的Pop-Only-Once!
  // 内容来自js4j.com//
  写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希看对正在制作网页的朋友有所帮助我就非常欣慰了。
  需要留意的是,JS脚本中的大小写最好前后保持一致。
  没有菜单、工具栏、地址栏的弹出窗口:
  <script language="javascript">
  <!--
  var gt = unescape('%3e');
  var popup = null;
  var over = "Launch Pop-up Navigator";
  popup = window.open('', 'popupnav', 'width=500,height=500,resizable=0,scrollbars=auto'); // width=500,height=500为窗口长和宽
  if (popup != null) {
  if (popup.opener == null) {
  popup.opener = self; }
  popup.location.href = '要打开的文件名';
  }
  // -->
  </script>
  离开一个页面时弹出一个可定制的窗口
  <!-- Begin
  function leave() {
  window.open(\'离开页面时弹出窗口的URL\',\'\',\'toolbar=no,menubar=no,location=no,height=235,width=320\');
  }
  // End -->
  </script>
  如下代码加进HTML的<BODY>区:<body onUnload="leave()">
  超级弹窗代码(MYIE也照弹)
  <script language="javascript">
  focusid=setTimeout("focus();window.showModelessDialog(\'\',\'\',\'scroll:1;status:0;help:0;resizable:1;dialogWidth:0px;dialogHeight:0px\')",0000)
  </script>
  <script language="javascript">
  <!--
  function clock(){i=i-1
  document.title="";#定义标题
  if(i>0)setTimeout("clock();",1000);
  else self.close();}
  var i=4#定义多少秒后关
  clock();
  //-->
  </script>
  网站的制作中这种弹出窗体,有可能会招来用户的反感,尽量不用或少用!

[来源:互联网] [作者:c36cn] [日期:11-11-21] [阅读:]