随手笔记4--BOM以及表单相关操作

一、表单操作

1. 表单元素的获取
   可以根据name属性获取表单元素

2. 表单事件
   onchange 内容改变事件(select,checkbox,radio)
   onsubmit 提交事件
   onreset 重置事件
   onfocus 焦点获取事件
   onblur 失去焦点事件
   oninput 输入框内容改变事件

3. 表单常见方法
   blur() 失去焦点
   focus() 获取焦点
   submit() 表单提交
   select() 选中文字(极少用)

4. 表单提交
   return 表达式；
   注意：若返回true、或者是不返回/返回空字符串 ----->提交
   若返回false ------>不提交

二、BOM

1. BOM定义
   Broeser object model 浏览器对象模型 允许通过js操作一部分浏览器的内容

2. window对象
   window是一个顶级对象，页面声明的变量(var)和函数都会成为window对象的属性和方法(使用的时候顶级对象可以省略)
   常见方法：

alert() 弹出警告框
prompt() 弹出输入框
confirm() 弹出确认框
open(url,target,params) 打开一个新页面
参数： url 要打开的页面的地址
target _self 在当前窗口打开 _blank 在新窗口中打开（默认）
params 窗口样式设置(窗口宽高等)
close() 关闭窗口页面

3. History对象

back() 回退一个页面
forward() 前进一个页面
go(url | number) 去指定的页面 ，例如：go(-1) 回退一个页面

4. Location对象
   保存了与url相关的信息的一个对象

hash 设置或返回从#号开始的URL（锚）
protocol 设置或返回当前URL协议 http
host 设置或返回主机名和当前URL端口号
hostname 设置或返回当前主机名
search 查询字符串，设置或返回以问号开始的URL

三、body相关位置属性

1. client系列
   clientWidth width+左右padding
   clientHeight height+上下padding
   clientLeft 左边框的值
   clientTop 上边框的值

   取可视区域的宽和高：
   document.documentElement.clientWidth||document.body.clientWidth
   document.documentElement.clientHeight
   用法： 元素.clientWidth/…
   注意：这四个是只读属性，不能赋值

2. offset系列
   offsetWidth 宽度(width+padding+border)
   offsetHeight 高度(height+padding+border)
   offsetLeft 左偏移量(当前元素距离父元素的左边距)
   offsetTop 上偏移量(当前元素距离父元素的上边距)

3. scroll系列
   scrollTop 折叠的不可见的滚动的高度
   scrollLeftt 折叠的不可见的滚动的左边距
   scrollWidth 可滚动区域的宽度
   scrollHeight 可滚动区域的高度
   注意：scrollTop和scrollLeft可以被赋值，不用添加单位 ,例如：o.scrollTop=100;