04-BOM相关知识介绍

JavaScript三个组成部分:

  • 核心(ECMAScript),欧洲计算机制造商歇会:描述了JS的语法和基本对象;
  • 文档对象模型(DOM):处理网页内容的方法和接口;
  • 浏览器对象模型(BOM):与浏览器交互的方法和接口。

常用事件:

事件名 说明
onclick 鼠标单击
ondblclick 鼠标双击
onkeyup 按下并释放键盘上的一个键时触发
onchange 文本内容或下拉菜单中的选项发生改变时
onfocus 获得焦点,表示文本框等获得鼠标光标
onblur 失去焦点
onmouseover 鼠标悬停,鼠标停留在图片等的上方
onmouseout 鼠标移除,鼠标离开图片等所在区域
onload 网页文档加载事件
onunload 关闭网页时触发
onsubmit 表单提交事件
onreset 重置表单时
oninput input内容改变时触发

BOM

  • 浏览器对象模型;

  • BOM的顶级对象是window,通常情况下可以省略;

  • 成员变量也是window的一个属性;

  • 自定义函数也是window的一个方法;

  • DOM的顶级对象是document,document是window的一部分。

  • window对象:

  • window对象是JavaScript中的顶级对象;

  • 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法;

  • window对象下的属性和方法调用的时候可以省略window。

  • window内置函数:

  • window.open(url,target,param);:url为要打开的网址,target为是否要打开新窗口显示,param为新窗口的一些设置。其中param中为一些键值对,可以设置是否全屏等一些基本设置,也可以省略第三个参数;

  • window.close();:关闭窗口。

window内置对象

location对象:
  • location相当于浏览器地址栏;
  • 可以将url解析成独立的片段;
  • location对象的属性:
  • href:在标签的onclick方法里面添加location.href="http://baidu.com";,点击标签时可以进行页面跳转;
  • hash;
  • host;
  • hostname;
  • pathname;
  • protocol;
  • search;
  • reload;
navigator对象
  • window.navigator的一些属性可以获取客户端的一些信息;
  • userAgent(了解);
  • platform(了解);
history对象
  • 历史记录管理;
  • 后退
  • history.back();
  • history.go(-1),0是刷新;
  • 前进
  • history.forward();
  • history.go(1);

定时器

循环执行(等待设定的时间过去之后执行)
  • 定义一个定时器: var timeIT = setInterval(code,interval);

  • 清除定时器:定时器有一个返回值,返回值就是定时器的名字,清除定时器时只要传入定时器的名字就可以停止定时器:clearIntervarl(timeTT);

  • 间隔时间执行,时间不是特别精确。

  • 定时器定义方法一共有三种:

  • 匿名函数:

    setInterval(function(){
        //code
    },5000);    //每5秒执行一次
  • 调用函数
    setInterval(fn,5000);
  • 调用带参数函数
    setInterval("fn(aaa)",5000);
一次性定时器
  • 定义:var timeTO = setTimeout(code,interval);
  • 清除定时器:clearTimeout(timeTO);

你可能感兴趣的:(04-BOM相关知识介绍)