程序员

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对象的样式

上一篇 下一篇

猜你喜欢

热点阅读