JavaScript学习日常知识点-11

一、自定义对象

创建

1.构造函数

var obj=new Object();

obj,属性名 = 属性值；

obj["属性名"]=属性值；

obj.方法名=function(){

}

2.字面量

var obj = {};空对象

var obj = {
  属性名：属性值
  方法名：function(){}
}

2.访问属性

obj.属性名

obj["属性名"]

for(var i in obj){
   i--->属性名（键名）
  obj[i] 属性值（键值）
}

3.json

json(java Script Object Notation)
javaScropt的对象表示法

字符串转换为json 反序列化
JSON.parse(str)

把json数据转换为字符串
JSON.stringify(str) 序列化

二、DOM(Document Object Model) 文档对象模型

获取元素对象方法

document.getElementByld(“ID值”)
通过ID值来获取元素对象 唯一

document.getElementByTagName("标签名")
通过标签名获取元素对象 集合

document.querySelector("选择器")
通过选择器获取匹配到的第一个元素 唯一

document.querySelectorAll("选择器")
通过选择器获取匹配的所有元素  集合/列表

三、BOM(Browser Object Model) 浏览器对象模型

window对象常用的属性

history 有关客户访问过的URL的信息

.back() 加载历史列表中的上一个的URL

.forward()  加载历史列表中的下一个 URL

.go(number)   加载历史列表中的某个具体的页面   -1 前一个页面

如果为0 刷新本页面
如果为负后退具体数字的页面
如果为正前进具体数字的页面

location 有关当前 URL 的信息

href     返回当前页面的url（也可自定义设置url路径）

pathname    返回url的路径名

reload() 刷新本页面

navigator 有关当前浏览器的信息

navigator.userAgent获取用户代理相关信息
可以通过此来判断浏览器类型

close() 关闭浏览器窗口

open 打开一个新的浏览器窗口

参数1：字符串 窗口地址

参数2：字符串 打开方式

参数3 ：字符串 窗口特征

浏览器滚动条

documentElement.scrollLeft
获取、设置滚动条水平方向滚动的距离

documentElement.scrollTop
获取、设置滚动条垂直方向滚动的距离

 window.onload

等到HTML文档加载完毕（包括图片等下载完毕）后，会触发onlod事件

 window.onresize

当窗口大小发生改变时，会触发onresize事件

window.onscroll

当滚动条滚动时会触发onscroll事件