一、javascript的作用

Javascript是运行在网页上的逻辑小脚本语言,可以在网页上进行逻辑控制、浏览器对象操作、网页标签数据操作管理等开发。

二、javascript的BOM对象

2.1 BOM(Browser Object Model)介绍:浏览器对象模型,BOM对象是javaScript将浏览器各个组成部分封装为对象

2.2组成:

  • Window:浏览器窗口对象
  • alert():提示框
  • confirm():带确认取消的提示框
  • prompt():带文本输入的提示框
  • setTimeout():隔多久只执行一次
  • clearTimeout():清除Timeout计时器
  • setInterval():延迟一段时间,循环执行
  • clearIntervalt():清除Intervalt计时器
  • Navigator:浏览器对象
  • Screen:屏幕对象
  • History:历史记录对象
    • back():后退
    • forward():前进
  • Location:地址栏对象:href():加载网页

三、javascript的DOM对象获取

  • 返回Element对象:
    • getElementById():根据id属性获取,返回Element对象(元素对象)
  • 返回Element对象数组:
    • getElementsByTagName():根据标签名获取多个/一个
    • getElementsByName():根据name属性获取多个/一个
    • getElementsByClassName():根据class属性获取多个/一个
  • ES6获取新增:
    • document.querySeletor(“选择器”):获取符合选择器的第一个元素对象返回
    • document.querySeletorAll(“选择器”):获取符合选择器的偶有素元素对象返回数组

四、 javascript常用的事件

  • onclick 鼠标单击
  • onblur 失去焦点
  • onfocus 获取焦点
  • onload 页面加载完成后
  • onsubmit 表单提交事件
  • onkeydown 键盘按下
  • onmouseover 鼠标移动到标签元素上
  • onmouseout 鼠标移出到标签元素外

五、 javascript 内置对象

  • Array 数组对象
  • RegExp正则表达式定义对象
  • String 字符串对象
  • Date 日期对象