大工20春《javascript基础教程与应用》辅导资料十三
JavaScript基础教程与应用辅导资料十三主 题：课件第五章 screen对象、history对象学习时间：2020年6月22日－6月28日
“不忘初心、牢记使命”主题理论学习：
每周文摘：坚持党的领导，最根本的是坚持答案权威和集中统一领导。党章规定“四个服从”，最根本的是全党各个组织和全体党员服从党的全国代表大会和中央委员会；答案强调“四个意识”，最根本的是坚决维护答案权威和集中统一领导。这都不是空洞的口号，不能只停留在表态上，要落实到行动上。
摘选自《在十九届中央纪律检查委员会第二次全体会议上的讲话》
内 容：
我们这周主要学习课件第五章screen对象、history对象的相关内容，希望通过下面的内容能使同学们加深对本章相关知识点的理解。
知识脉络：
Window screen
Window history
重点与难点：
1. 重点：Window screen，Window history。
2. 难点：Window screen，Window history。一、window screen
1、window.screen 对象包含有关用户屏幕的信息。
Window Screen
window.screen?对象在编写时可以不使用 window 这个前缀。
一些属性：
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
Window Screen 可用宽度
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
实例
返回您的屏幕的可用宽度：
<script>document.write("可用宽度：" + screen.availWidth);</script>
以上代码输出为：
可用宽度：1366
Window Screen 可用高度
screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。
实例
返回您的屏幕的可用高度：
<script>document.write("可用高度：" + screen.availHeight);</script>
以上代码输出为：
可用高度：728二、window history
window.history 对象包含浏览器的历史。
Window History
window.history?对象在编写时可不使用 window 这个前缀。
为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。
一些方法：
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
Window History Back
history.back() 方法加载历史列表中的前一个 URL。
这与在浏览器中点击后退按钮是相同的：
实例
在页面上创建后退按钮：
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body><input type="button" value="Back" onclick="goBack()"></body>
</html>
以上代码输出为：
转到上一页
Window History Forward
history forward() 方法加载历史列表中的下一个 URL。
这与在浏览器中点击前进按钮是相同的：
实例
在页面上创建一个向前的按钮：
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body><input type="button" value="Forward" onclick="goForward()"></body>
</html>
以上代码输出为：
转到下一页三、本节例题
1、window.history?对象在编写时可不使用 window 这个前缀（T）。 转载注明 无忧答案网
页:
[1]