【终极应用--弹出的窗口之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="/(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脚本中的的大小写最好前后保持一致。
|