zoukankan      html  css  js  c++  java
  • 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]+'
    '+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 }
  • 相关阅读:
    SSL证书指令
    重启机器解决SSL都要输入密码问题
    Nginx + Apache 反向代理
    Ubuntu Nginx安装
    Nginx配置文件详解
    Linux SSL 双向认证 浅解
    SSL 双向认证
    linux ssl 双向认证
    ubuntu apache2 ssl配置
    vi编辑器命令
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9034238.html
Copyright © 2011-2022 走看看