DOM&BOM-w3school（2024

parameters 为窗口参数(各参数用逗号分隔)

• window.close() - 关闭当前窗口

这个例子可以新打开一个空白窗口，并赋值给myWindow，还可以关闭它;

• window.moveTo() -移动当前窗口

window.moveTo(100,100); // 将当前窗口移动到屏幕坐标x=100,y=100的位置，是相对于屏幕左上角来说的。

window.moveBy(10,-10); // 将当前窗口右移10个像素，上移10个像素。

• window.resizeTo() -重新调整当前窗口

window.resizeTo(width,height)

（二）js screen

1.window.screen 对象包含用户屏幕的信息。window.screen 对象不带 window 前缀也可以写：

• screen.width属性返回以像素计的访问者屏幕宽度。

• screen.height属性返回以像素计的访问者屏幕的高度。

• screen.availWidth属性返回访问者屏幕的宽度，以像素计，减去诸如窗口工具条之类的界面特征。

• screen.availHeight属性返回访问者屏幕的高度，以像素计，减去诸如窗口工具条之类的界面特征。

• screen.colorDepth属性返回用于显示一种颜色的比特数。

所有现代计算机都使用 24 位或 32 位硬件的色彩分辨率：

24 bits =16,777,216 种不同的 “True Colors”

32 bits = 4,294,967,296 中不同的 “Deep Colors”

HTML 中使用的 #rrggbb (rgb) 值代表 “True Colors” （16,777,216 中不同的颜色）。

• screen.pixelDepth属性返回屏幕的像素深度。对于现代计算机，颜色深度和像素深度是相等的。

（三）js location

1.Window Location

• window.location.href 返回当前页面的 href (URL)

• window.location.hostname 返回 web 主机的域名

• window.location.pathname 返回当前页面的路径或文件名

• window.location.protocol 返回使用的 web 协议（http: 或 https:）

• window.location.assign 加载新文档

（四）js history

1.window.history 对象包含浏览器历史。

2. 为了保护用户的隐私，JavaScript 访问此对象存在限制。

3.一些方法：

• history.back() - 等同于在浏览器点击后退按钮

• history.forward() - 等同于在浏览器中点击前进按钮

history.go(number|URL)

下面一行代码执行的操作与单击两次后退按钮执行的操作一样：

history.go(-2)

（五）js navigator

1.window.navigator 对象包含有关访问者的信息。

来自 navigator 对象的信息通常是误导性的，不应该用于检测浏览器版本，因为：

• 不同浏览器能够使用相同名称

• 导航数据可被浏览器拥有者更改

• 某些浏览器会错误标识自身以绕过站点测试

• 浏览器无法报告发布晚于浏览器的新操作系统

2.cookieEnabled 属性返回 true，如果 cookie 已启用，否则返回 false：

3.appName 属性返回浏览器的应用程序名称：

“Netscape” 是 IE11、Chrome、Firefox 和 Safari 的应用程序名称。

4.appCodeName 属性返回浏览器的应用程序代码名称：

“Mozilla” 是 Chrome、Firefox、IE、Safari 以及 Opera 的应用程序代码名称。

5. product 属性返回浏览器引擎的产品名称：

大多数浏览器都将 “Gecko” 作为产品名称返回！

6. appVersion 属性返回有关浏览器的版本信息：

7.userAgent 属性返回由浏览器发送到服务器的用户代理报头（user-agent header）：

8.platform 属性返回浏览器平台（操作系统）：

9.language 属性返回浏览器语言：

10.onLine 属性假如浏览器在线返回true：

11. javaEnabled() 方法返回 true，如果 Java 已启用：

（六）js 弹出框

1.JavaScript 有三种类型的弹出框：警告框、确认框和提示框。

2.警告框

alert(“我是一个警告框！”);

3.确认框

var r = confirm(“请按按钮”);

if (r == true) {

x = “您按了确认！”;

} else {

x = “您按了取消！”;

}

4.提示框

第一个参数是提示输入描述，第二个参数是默认值

var person = prompt(“请输入您的姓名”, “比尔盖茨”);

if (person != null) {

document.getElementById(“demo”).innerHTML = "你好 " + person + “！今天过的怎么样？”;

}

5.如需在弹出框中显示折行，请在反斜杠后面加一个字符 n。

alert(“Hello\nHow are you?”);

（七）js Timing 事件

1.JavaScript 可以在时间间隔内执行。这就是所谓的定时事件（ Timing Events）。

2. 通过 JavaScript 使用的有两个关键的方法：

setTimeout(function, milliseconds)

在等待指定的毫秒数后执行函数。

第一个参数是要执行的函数。

第二个参数指示执行之前的毫秒数。

setInterval(function, milliseconds)

等同于 setTimeout()，但持续重复执行该函数。

setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。

3. clearTimeout() 方法停止执行 setTimeout() 中规定的函数。

myVar = setTimeout(function, milliseconds);

clearTimeout(myVar);

clearInterval() 方法停止 setInterval() 方法中指定的函数的执行。

（八）js Cookies

1.Cookie 让您在网页中存储用户信息。

Cookie 是在您的计算机上存储在小的文本文件中的数据。

当 web 服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。

Cookie 是为了解决“如何记住用户信息”而发明的：

·当用户访问网页时，他的名字可以存储在 cookie 中。

·下次用户访问该页面时，cookie 会“记住”他的名字。

2. 通过 JavaScript，可以这样创建 cookie：

document.cookie = “username=Bill Gates”;

您还可以添加有效日期（UTC 时间）。默认情况下，在浏览器关闭时会删除 cookie：

document.cookie = “username=John Doe; expires=Sun, 31 Dec 2017 12:00:00 UTC”;

通过 path 参数，您可以告诉浏览器 cookie 属于什么路径。默认情况下，cookie 属于当前页。

document.cookie = “username=Bill Gates; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/”;

3.通过 JavaScript，可以这样读取 cookie：

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-pT8M1CT8-1715344950159)]

[外链图片转存中…(img-B9wrQRd0-1715344950160)]

[外链图片转存中…(img-dO4ua1UY-1715344950160)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！