当前位置:   article > 正文

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 }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/149929?site
推荐阅读
相关标签
  

闽ICP备14008679号