javaScript中的BOM和DOM对象
2017-12-11 本文已影响0人
AAA年华
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):
例子代码:

三、Location对象(路径):
host 域名+端口号
hostname 获取域名
port 获取端口号
hash //获取锚点后的内容 (#内容)
href 获取全部的内容
search 获取?后面的内容
pathname 获取路径的名称
protocol 获取请求协议
例子代码:

四、Screen对象(屏幕分辨率):
1、height:高
2、width:宽
3、availHeight: 去掉任务栏的高端
4、availWidth:去掉任务栏的宽度


五、Navigator对象(导航者)
8、DOM(Document object Medal )文档对象模型
这个也属于BOM中的一种,只不过给他分离出来了。
操作DOM对象的样式、属性 、内容、 获取DOM对象的方法。
例子:5种获取DOM对象的方法




例子:操作DOM对象的内容


例子:操作DOM对象的属性



例子:操作DOM对象的样式



