美文网首页
javaScript中的BOM和DOM对象

javaScript中的BOM和DOM对象

作者: 冬gua | 来源:发表于2017-12-11 22:39 被阅读0次

    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对象(导航者)

    DOM(Document object Medal )文档对象模型

    这个也属于BOM中的一种,只不过给他分离出来了。

    操作DOM对象的样式、属性 、内容、 获取DOM对象的方法。

    例子:5种获取DOM对象的方法

    例子:操作DOM对象的内容

    例子:操作DOM对象的属性

    例子:操作DOM对象的样式

    相关文章

      网友评论

          本文标题:javaScript中的BOM和DOM对象

          本文链接:https://www.haomeiwen.com/subject/ohgwixtx.html