1、前端部分:
HTML
CSS
js(javascript):
2、js的历史:
js的版本变迁:ES6 ES2015(ECMAScript)
js hello world
3、对话框 alert confirm prompt
变量和常量
常见运算符
4、数据类型
7种基本数据类型(数字、字符串、Boolean、null、undefined、NaN)
引用数据类型(Object)
5、三大流程:
顺序、分支(选择)、循环
6、函数:
三大内置对象:
String、Math、Date
7、数组:
BOM(browser object model)浏览器对象模型
一、window对象:
二、History对象(历史记录):
1、 length:
2、 back():后退一步
3、 forward():前进一步
4 、 go(count):
例子代码:
![](https://img.haomeiwen.com/i8777419/4cab21afa277a2ef.png)
三、Location对象(路径):
host 域名+端口号
hostname 获取域名
port 获取端口号
hash //获取锚点后的内容 (#内容)
href 获取全部的内容
search 获取?后面的内容
pathname 获取路径的名称
protocol 获取请求协议
例子代码:
![](https://img.haomeiwen.com/i8777419/914caa7cd5cc2fcb.png)
四、Screen对象(屏幕分辨率):
1、height:高
2、width:宽
3、availHeight: 去掉任务栏的高端
4、availWidth:去掉任务栏的宽度
![](https://img.haomeiwen.com/i8777419/c2f49c837f64e6ab.png)
![](https://img.haomeiwen.com/i8777419/849d4f0279f65948.png)
![](https://img.haomeiwen.com/i8777419/639aa89f54e7e920.png)
五、Navigator对象(导航者)
DOM(Document object Medal )文档对象模型
这个也属于BOM中的一种,只不过给他分离出来了。
操作DOM对象的样式、属性 、内容、 获取DOM对象的方法。
例子:5种获取DOM对象的方法
![](https://img.haomeiwen.com/i8777419/90a959c560a0124e.png)
![](https://img.haomeiwen.com/i8777419/437035e5108da184.png)
![](https://img.haomeiwen.com/i8777419/093203e71c1f0eb2.png)
![](https://img.haomeiwen.com/i8777419/bdd9ddce3ab6014e.png)
例子:操作DOM对象的内容
![](https://img.haomeiwen.com/i8777419/13c5a21add755b41.png)
![](https://img.haomeiwen.com/i8777419/16b50ebc290d18dd.png)
例子:操作DOM对象的属性
![](https://img.haomeiwen.com/i8777419/c9cf7f38e8cd96ba.png)
![](https://img.haomeiwen.com/i8777419/d41498f86a10b410.png)
![](https://img.haomeiwen.com/i8777419/bbcf40fe6969e399.png)
例子:操作DOM对象的样式
![](https://img.haomeiwen.com/i8777419/a8b8715d9faa72b4.png)
![](https://img.haomeiwen.com/i8777419/4e3ed6f08d6edd4f.png)
![](https://img.haomeiwen.com/i8777419/2dca663027fdaa3c.png)
![](https://img.haomeiwen.com/i8777419/0e3cab9ee4eca762.png)
网友评论