js实现第一次打开网页弹出指定窗口(常用功能封装很好用)

时间:2023-03-08 15:38:33

js实现第一次打开网页弹出指定窗口(常用功能封装很好用)

一、总结

1、常用功能封装:之前封装的cookie的操作函数非常好用,我自己也可以这么搞

二、js实现第一次打开网页弹出指定窗口

练习1:第一次打开网页弹出指定窗口

  • 实例描述:

    第一次打开网页弹出指定窗口,之后再打开则不再弹出

  • 案例要点:

    Window 对象的 open()方法:打开一个新的浏览器窗口

    cookie记录用户的访问信息

三、代码

 <!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
<script type="text/javascript" src="cookie.js"></script> //1、引入之前封装好的cookie操作函数
</head>
<body onload="loadPage()"> //2、onload方法页面加载时自动调用方法
<h1>欢迎访问我们网站</h1>
<script>
function loadPage(){
if (getCookie('user')=='') { //3、使用之前封装好的cookie操作函数,这样取cookie比较方便
window.open("测试页面.html",'','height=300,width=200,top=100,left=100') //4、window.open()方法
setCookie('user','测试页面.html',7)
}
} </script>
</body>
</html>

cookie.js

 //设置cookie
function setCookie(key,value,expires){
document.cookie=encodeURIComponent(key)+'='+encodeURIComponent(value)+';expires='+ddate(expires);
} function ddate(expires){
var ddate=new Date()
ddate.setDate(ddate.getDate()+expires)
return ddate
} //读取cookie
function getCookie(name){
var arrStr=document.cookie.split('; ');
//alert(arrStr)
for(var i=0;i<arrStr.length;i++){
var arr=arrStr[i].split('=')
//alert(arr[0]+'\n'+arr[1])
if(arr[0]==name){return decodeURIComponent(arr[1]) }
}
return ''
}
//删除cookie
function removeCookie(name){
setCookie(name,'',-1)
}