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]+'\n'+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 }