EcMAScript5-内置对象
Number（） String() Boollean（）
Object（） function（） Math（）正则（）

BOM是什么？
BOM：BrowserObject Model缩写
中文意思：浏览器对象模型
浏览器对象模型：就是把浏览器的一切看成对象，把浏览器抽象成一个对象模型，具体的组成部分：

window API：如下
1.document API =>核心 document对象
-2. History API：把历史记录看成对象
3.Screen API：把显示窗口的屏幕看成是对象
4.Location API：把地址栏看成对象
5.Navigator APL：把浏览器的基本信息看成对象

Window VS window

1.Window :大写的Window表示构造函数
2.window：小写的Window表示实例对象
3.小写的Window是一个全局变量，里面存储了一个大写的Window实例对象
4.window:返回示例对象本身
5.window:示例对象表示浏览器窗口
6.浏览器窗口运行document文档的上下文
7.每一个标签页都是一个window实例对象
8.同源头
1.协议相同
2.域名相同
示例：

http://www.baibu.com(错)
-----
http://www.baidu.com/news/index.html(对)
----
http：//www.baidu.com/api

--------方法2个

1.window.open()

定义：用于使用脚本打开一个指定窗口
语法：

window.open(URL,name,features,replace)
window.open('地址',窗口名称,窗口参数)

open（）
open（地址，窗口名称）
open（地址，窗口名称,可选参数）
可以没有参数
可设置宽高坐标
窗口：
"_self"：自身窗口打开
"_blank"：新窗口
"_parent":父级窗口
"_top":顶级窗口
返回值：返回窗口对象的引用。
演示：

window.open("https://www.baidu.com/","_blank",'width=400')
----// window.open("https://www.baidu.com/","_self",'width=400')
 win = window.open("https://www.baidu.com/", "_blank", "width=400, left=200, top=200")
            // console.log(win);
- "_self"：自身窗口打开

2.window.close()

定义：使用于脚本关闭open窗口打开的窗口
语法：

window.close()//关闭当前窗口
window.open.close()//关闭对象示例窗口

返回值：
演示：

<body>
    <button>打开页面</button>
    <button>关闭页面</button>

    <script>
        // console.log(window);
        // console.log(Window);
        // console.log(Window.window);
        let win
        const btn1 = document.querySelectorAll('button')[0]
        btn1.onclick = function () {
            // window.open("https://www.baidu.com/","_self",'width=400')
            win = window.open("https://www.baidu.com/", "_blank", "width=400, left=200, top=200")
            // console.log(win);
        }
        const btn2 = document.querySelectorAll('button')[1]
        btn2.onclick = function () {
            win.close()
        }
    </script>

3.window.location

location：读音：楼K什
意思：位置、场所、地点

定义：window.location是一个属性.
返回值：window.location，返回一个Location对象，该对象表示一个文档地址对象。
语法：

let oldLocation = location;
location = newLocation;
Location=新的地址栏

1.Location对象是什么？

Location对象是一个接口。
该接口定义了大量的属性和方法用于管理文档地址。
--

2.Location对象是否可以直接赋值

是可以直接赋值。语法：

Location = '新的文档地址'
window

3.URL

url：Uniform Resource Location的缩写。意思：统一资源定位符（俗称：网址）
2.URL使用Location API 来管理
3.URL语法

http://www.jd.com:8080/news/sports/123.html?user = zhangsan&password=1234#sectionl
协议：//主机名：端口号/文档路径/文档名？查询字符串#hash

8个（9）

http:超文本传输协议
ftp：文件传输协议
SMTP：邮件传输协议
bbs：电子公告牌
www：二级域名表示万维网
jd.com :主机名
8080：进入网站的端口一般默认80（可以省略端口）
/news/sports/:文档存放的路径
123.html：网页文档
？user=zhangsan：查询字符串
?user = zhangsan&password=1234用户名和密码
section1：hash（片段）

index：首页

4.Location.href

定义：用于读取或修改文档地址（地址栏中的地址）
语法:

location.href//读
Window.location.href//读
location.href = "新地址"
Window.location.href = "新地址"

返回值：返回一个完整的URL地址(字符串)
实例：

 <script>
        const href = location.href
        console.log(href);
    </script>

5.Location.protocol

定义：
Location.protocol:用于返回URL的协议

语法：

location.protocol

返回值：返回一个字符串，表示当前URL的协议
实例

 const p = location.protocol
        console.log(p);//http:

6. Location.hostname

定义：Location.hostname:用于查询当前地址的主机名
语法：

string = object.hostname;
object.hostname = string;

返回值：返回一个字符串，表示当前地址的主机名
个人电脑的本机地址都是127.0.0.1
实例

7.Location.port

定义：Location.port:用于查询当前文档地址的端口号
语法：

window.location.port
location.port

返回值：返回一个字符串，表示当前文档地址的端口号
实例

 <script>
        const p = location.port
        console.log(p);//5500
    </script>

8.Location.host

定义：
查询文档地址的主机。
语法：

location.host

返回值：字符串，返回文档地址和主机
实例：

 <script>
        const p = location.host
        console.log(p);//127.0.0.1:5500
    </script>

9.Location.pathname

定义：
查询当前文档的路径
语法：

window.location.pathname

返回值：返回一个字符串，表示当前文档的路径
实例：

const p = location.pathname
console.log(p);///JAVAScript/

语法：

window.location.pathname

返回值：返回一个字符串，表示当前文档的路径
实例：

const p = location.pathname
console.log(p);///JAVAScript/2023.2.28/name.html

10.Location.search

定义：
查询当前文档的路径的“查询字符串”
语法：

window.location.search
location.search

返回值：返回一个字符串，表示当前文档的路径的“查询字符串”
实例：

location.search
返回值："?q=404%E9%A1%B5%E9%9D%A2"

10.Location.hash

定义：
查询当前文档的hash值
语法：

window.location.hash
location.hash

返回值：返回一个字符串，表示当前文档的hash部分
实例：

https://huaban.com/search?q=404#ww
location.hash
返回："#ww"

input事件：*当input、select、text area这三个元素的Value值发生变化

change事件：当input、select和text area这三个元素的Value值发生变化+失去焦点时触发

focus事件+blur事件=不会冒泡

composition start

定义：
当

合成事件：composition事件：compositionstart合成开始(on = false)  compositionend合成结束(on = true)
        if (on) {
            统计字数
        }

知识点：
一、BOM:
1.BOM是浏览器对象模型。
2.BOM把浏览器的一切内容看成是对象。包括5大类：
1.window（窗口）2.History（历史记录）3.location（地址栏）4.Screen（屏幕）5.Navigator（浏览器信息）
3.window是BOM的核心对象。

二、
1.IOS平台->swift语言
2.安卓平台->Java
3.小程序->小程序框架（JS）
4.混合式开发
BOM和DOM的出现，让一个静态网页变成真正的web APP。

页面组件名称
1.页面：page
2.轮播图：slider
3.轮播图：seckill（second kill）
4.特价：special（special price）

新品：new product
6.频道：channel
7.推荐：recoommend

JS-window