HTML5技术

只打开一次的弹出窗口_HTML基础入门教程

字号+ 作者:H5之家 来源:H5之家 2015-09-23 09:08 我要评论( )

只打开一次的弹出窗口,学习只打开一次的弹出窗口,只打开一次的弹出窗口,查看只打开一次的弹出窗口,HTML简介,HTML语言的标记语法和文档结构,介绍常用标签(文字

我们在做弹出广告的时候 ,每次刷新页面,窗口都会弹出一次,用户用起来非常不方便。

  有解决的办法吗?当然有!我们使用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.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评