WEB开发网
开发学院网页设计JavaScript 制作Javascript弹出窗口技巧九则 阅读

制作Javascript弹出窗口技巧九则

 2010-09-14 13:03:07 来源:WEB开发网   
核心提示: 有解决的办法吗?当然有!我们使用cookie来控制一下就可以了,首先,制作Javascript弹出窗口技巧九则(6),将如下代码加入主页面HTML的< HEAD>区:< script>function openwin(){window.open("page

有解决的办法吗?当然有!我们使用cookie来控制一下就可以了。首先,将如下代码加入主页面HTML的< HEAD>区:

  < script>
  function openwin(){
  window.open("page.html","","width=200,height=200")
  }
  function get_cookie(Name) {
  var search = Name + "=" var returnvalue = "";
  if (document.cookie.length > 0) {
  offset = document.cookie.indexOf(search)
  if (offset != -1) {
  offset += search.length
  end = document.cookie.indexOf(";", offset);
  if (end == -1)
  end = document.cookie.length;
  returnvalue=unescape(document.cookie.substring(offset, end))
  }
  }
  return returnvalue;
  }
  function loadpopup(){
  if (get_cookie("popped")=="){
  openwin()
  document.cookie="popped=yes"
  }
  }
  < /script>

然后,用< body onload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的< BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!

写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

需要注意的是,JS脚本中的的大小写最好前后保持一致。

上一页  1 2 3 4 5 6 

Tags:制作 Javascript 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接