JavaScript bom

这篇博客深入探讨了JavaScript中的浏览器API,包括屏幕尺寸、历史导航、页面重载以及对话框使用。同时,详细介绍了Web存储,如localStorage和sessionStorage的用法,以及cookie的设置与有效期。此外,还涵盖了页面加载、窗口调整大小和滚动事件的监听。通过实例展示了如何打开新窗口、关闭窗口以及定时与计时器操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

/* 可用宽度 可用高度(不包括任务栏)          屏幕分辨率  
			console.log(screen.availWidth,screen.availHeight,screen.width,screen.height);
			页面后退
			console.log(history.back());
			页面前进
			console.log(history.forward());
			跳转页面 0是刷新 负值往后退 正值往前进
			console.log(history.go(0)); */
			/* //页面地址栏所有信息
			console.log(location);
			//获取修改地址信息
			console.log(location.href);
			//刷新
			console.log(location.reload());
			//获取#开始内容
			console.log(location.hash);
			//主机名称和端口号
			console.log(location.host);
			//主机IP
			console.log(location.hostname.split("."));
			//资源路径 端口后面  ?前面
			console.log(location.pathname);
			//协议 https http slice将冒号去掉
			console.log(location.protocol.slice(0,location.protocol.length-1));
			//?开始内容
			console.log(location.search);
			//端口
			console.log(location.port); */
			//带有内容、确认和取消选项的对话框
			//confirm("啊啊啊")
			//提示用户输入的对话框 txt是对话框中显示的内容   text是输入框的默认内容  
			//prompt("txt","text")

			var opEn = null;
			//open打开网页    _blank新页面打开网页 
			function open1() {
				opEn = window.open("https://www.baidu.com", "_blank", "width=300,height=300,left=500,top=0")
			}
			//close关闭网页
			function close1() {
				myWindow.close()
			}
			//setTimeout()延迟 毫秒计数
			//clearTimeout()清除延迟
			//延迟两秒后输出123
			var mySet = setTimeout(function() {
				console.log("123");
			}, 2000);
			//setInterval 计时
			//clearsetInterval清除计时
			//五秒后输出嘟嘟嘟 并且清除计时
			function run() {
				var time = 5;
				var myss = setInterval(function() {
					console.log(time);
					time--;
					if (time == 0) {
						clearInterval(myss);
						console.log("嘟嘟嘟嘟");
					}
				}, 1000)
			}
			//页面加载完毕后执行
			window.onload=function(){
				console.log("加载完毕");
			}
			//页面的窗口或框架被调整大小时发生
			window.onresize=function(){
				console.log("111");
			}
			//滚动条滚动触发 scrollY/X Y轴或X轴滚动时数值变化 
			window.onscroll=function(){
				console.log("滚动条",scrollY);
			}
			
			//永久存储         设置key value值
			localStorage.setItem("name","张三")
			//获取key
			localStorage.getItem("name");
			//删除
			localStorage.removeItem("name");
			//清空
			localStorage.clear();
			
			//会话存储 不关浏览器一直都在
			sessionStorage.setItem("name","张三");
			//获取
			sessionStorage.getItem("name")
			//删除
			sessionStorage.removeItem("name")
			//清空
			sessionStorage.clear()
			
			//cookie 有效期的持久化存储
			var time=new Date();
			time.setDate(time.getDate()+7)
			document.cookie="name=wzy;expires="+time.toGMTString();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值