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 }
  • 相关阅读:
    SQL Server 作业的备份
    SQL Server 非sysadmin调用扩展函数
    SQL Server 性能调优(io)
    What is allocation bottleneck?
    SQL Server 2008 性能调优 optimize for ad hoc workloads
    执行计划的缓存
    sql server 2000 sp3 数据库复制 修改sp_MSget_repl_commands
    Xcode4.5出现时的OC新语法
    NSZombieEnabled ,解决EXC_BAD_ACCESS错误的一种方法
    有关View的几个基础知识点IOS开发
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9034238.html
Copyright © 2011-2022 走看看