js實現第一次打開網頁彈出指定窗口(常用功能封裝很好用)


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 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM