js实现第一次打开网页弹出指定窗口(常用功能封装很好用)
一、总结
1、常用功能封装:之前封装的cookie的操作函数非常好用,我自己也可以这么搞
二、js实现第一次打开网页弹出指定窗口
练习1:第一次打开网页弹出指定窗口
- 实例描述:
第一次打开网页弹出指定窗口,之后再打开则不再弹出
- 案例要点:
Window 对象的 open()方法:打开一个新的浏览器窗口
cookie记录用户的访问信息
三、代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>课堂演示</title> 6 <script type="text/javascript" src="cookie.js"></script> //1、引入之前封装好的cookie操作函数 7 </head> 8 <body onload="loadPage()"> //2、onload方法页面加载时自动调用方法 9 <h1>欢迎访问我们网站</h1> 10 <script> 11 function loadPage(){ 12 if (getCookie('user')=='') { //3、使用之前封装好的cookie操作函数,这样取cookie比较方便 13 window.open("测试页面.html",'','height=300,width=200,top=100,left=100') //4、window.open()方法 14 setCookie('user','测试页面.html',7) 15 } 16 } 17 18 </script> 19 </body> 20 </html>
cookie.js
1 //设置cookie 2 function setCookie(key,value,expires){ 3 document.cookie=encodeURIComponent(key)+'='+encodeURIComponent(value)+';expires='+ddate(expires); 4 } 5 6 function ddate(expires){ 7 var ddate=new Date() 8 ddate.setDate(ddate.getDate()+expires) 9 return ddate 10 } 11 12 //读取cookie 13 function getCookie(name){ 14 var arrStr=document.cookie.split('; '); 15 //alert(arrStr) 16 for(var i=0;i<arrStr.length;i++){ 17 var arr=arrStr[i].split('=') 18 //alert(arr[0]+' '+arr[1]) 19 if(arr[0]==name){return decodeURIComponent(arr[1]) } 20 } 21 return '' 22 } 23 //删除cookie 24 function removeCookie(name){ 25 setCookie(name,'',-1) 26 }