Day4-关于window对象的常用属性补充

最新推荐文章于 2023-11-13 22:03:06 发布

Shark1300

最新推荐文章于 2023-11-13 22:03:06 发布

阅读量147

点赞数

分类专栏： js基础文章标签： js基础

本文链接：https://blog.csdn.net/Scan_13286/article/details/83927904

版权

js基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

Day4-关于window对象的常用属性补充

screen

有关客户端的屏幕的显示性能的信息

width：屏幕的宽度
height：屏幕的高度
availwidth：屏幕的可用宽度
availheight：屏幕的可用高度
pixeldepth：屏幕的颜色分辨率
colordepth：屏幕的色彩深度

window.onload = 
 alert("高度："+screen.width+"px"+"|"+
       "宽度："+screen.height+"px"+"|"+
       "可用高度："+screen.availwidth+"px"+"|"+
       "可用宽度："+screen.availheight+"px"+"|"+
       "颜色分辨率："+screen.pixeldepth+"px"+"|"+
       "色彩深度："+screen.colordeptht+"px"
    );

在这里插入图片描述

history

有关客户访问过的url的信息

history.back(); //去历史记录的上一页
history.go(-1); //去历史记录的上一页
history.forward() ; //去历史记录的下一页
history.go(1); //去历史记录的下一页
history.go(2); //去历史记录的下2页

<body>
<a href="javascript:history.back();">返回上一页</a>
<a href="javascript:history.forward();">返回下一页</a>
<a href="javascript:history.go(-1);">返回上一页</a>
<a href="javascript:history.go(1);">返回下一页</a>
<a href="javascript:history.go(2);">返回下两页</a>
</body>

location

有关当前URL的信息

location.href=“url”; // 改变当前页面的地址等价于跳转网页
location.reload(); // 刷新当前网页

JS代码

function rs(x){
	switch(x){
		case 1:
			location.href = "1.html";
			break;
		case 2:
			location.reload();
			break;
	}
 }

HTML代码

<a href="javascript:rs(1)">跳转</a>
<a href="javascript:rs(2)">刷新</a>

点击跳转，即可跳转到1.html页面;点击刷新，即可刷新此页面

Shark1300

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day4-关于window对象的常用属性补充

Day4-关于window对象的常用属性补充screen有关客户端的屏幕的显示性能的信息width：屏幕的宽度height：屏幕的高度availwidth：屏幕的可用宽度availheight：屏幕的可用高度pixeldepth：屏幕的颜色分辨率colordepth：屏幕的色彩深度window.onload = alert("高度："+screen.width+"px"...
复制链接

扫一扫