1. BOM编程基础
  2.     全称 Browser Object Model，浏览器对象模型。
  3.     JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。
  4.     为了便于对浏览器的操作，javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。
  5. BOM对象：
  6. window 对象
  7.         Window 对象是 JavaScript 层级中的顶层对象。
  8.         Window 对象代表一个浏览器窗口或一个框架。
  9.         Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
  10. window中的方法
  11.     document    对 Document 对象的只读引用
  12.     location    用于窗口或框架的 Location 对象
  13.     history    对 History 对象的只读引用。
  14. document.tilte    设置网页的标题
  15.  
  16.     moveto()  将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
  17.     moveby()    相对于目前的位置移动。
  18. resizeTo()   调整当前浏览器的窗口。
  19.  
  20.     open()        打开新窗口显示指定的URL（有的浏览器中是打一个新的选项卡）
  21.     setTimeout(vCode, iMilliSeconds)        超时后执行代码。
  22. setInterval(vCode, iMilliSeconds)        定时执行代码，第一次也是先待，到时再执行。
  23. 事件
  24. 事件说明
  25.     基本上所有的HTML元素中都可以指定事件属性。
  26.     每个元素支持什么样事件应查询文档。
  27.     所有的事件属性都是以on开头，后面的是事件的触发方式，如：
  28.         onclick，表示单击
  29.         onkeydown，表示键按下
  30.         ...
  31. 常用的事件类型：
  32.  
  33.     鼠标点击相关：
  34.         onclick 在用户用鼠标左键单击对象时触发。
  35.         ondblclick 当用户双击对象时触发。
  36.         onmousedown 当用户用任何鼠标按钮单击对象时触发。
  37.         onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。 
  38.  
  39.     鼠标移动相关：
  40.         onmouseout  当用户将鼠标指针移出对象边界时触发。
  41.         onmousemove 当用户将鼠标划过对象时触发。 
  42.  
  43.     焦点相关的：
  44.         onblur 在对象失去输入焦点时触发。
  45.         onfocus 当对象获得焦点时触发。
  46.  
  47.     其他：
  48.         onchange 当对象或选中区的内容改变时触发。
  49.         onload 在浏览器完成对象的装载后立即触发。
  50.         onsubmit 当表单将要被提交时触发。 
  51.  
  52. location 对象 
  53.  
  54. Location 对象是由 JavaScript runtime engine 自动创建的，包含有关当前 URL 的信息。
  55. location中的重要方法：
  56.     href属性    设置或获取整个 URL 为字符串。
  57.     reload()    重新装入当前页面
  58.  
  59. screen 对象
  60.         Screen 对象是由 JavaScript runtime engine 自动创建的，包含有关客户机显示屏幕的信息。
  61. 属性：
  62.     availHeight    获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
  63.     availWidth    获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
  64.     height        获取屏幕的垂直分辨率。
  65.     width        获取屏幕的水平分辨率。 
  66.  
  67. 示例：
  68.     document.write("屏幕工作区: " + screen.availHeight + ", " + screen.availWidth + "<br>");
  69.     document.write("屏幕分辨率: " + screen.height + ", " + screen.width + "<br>");
  70. document对象
  71.     该对象代表整个文档页面
  72.  
  73. 对象的集合：
  74.     all     获取页面所有元素对象
  75.     forms   获取页面所有表单对象
  76.     images    获取页面所有图片对象
  77.     links   获取所有超链接或area对象

javascript之BOM对象总结的更多相关文章

  1. 第三章 JavaScript操作BOM对象

    第三章   JavaScript操作BOM对象 一.window对象 浏览器对象模型(BOM)是javascript的组成之一,它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HT ...

  2. JavaScript的BOM对象

    JavaScript的BOM对象 BOM:浏览器对象模型 JavaScript和浏览器的关系:JavaScript的诞生就是为了能够让它再浏览器中运行. 1. 操作BOM对象 1.1 window w ...

  3. JavaScript之BOM对象

    JavaScript bom对象 BOM对象 window对象 所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: wi ...

  4. JavaScript操作BOM对象

    1)windows对象 浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览 器窗口进行交互的对象,使用浏览器对象模型可以 ...

  5. JQuery制作网页—— 第二章 JavaScript操作BOM对象

    1.window对象: 浏览器对象模型(BOM)是javascript的组成之一, 它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HTML的交互. 它的作用是将相关的元素组织包装 ...

  6. JavaScript学习——BOM对象

    1.BOM 对象:浏览器对象模型(操作与浏览器相关的内容) 2.Window 对象 Window 对象表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInt ...

  7. javascript之BOM对象（一window对象）

    javascript包含三个部分,ECMAScript,BOM和DOM.ECMAScript是javascript的核心,包含javascript的基础语法.在Web中使用javascript,BOM ...

  8. 使用jQuery快速高效制作网页交互特效--JavaScript操作BOM对象

    JavaScript操作BOM 一.window对象: 二.window对象的属性和方法 1.windows对象的常用属性: 语法:window.属性名="属性值" 2.windo ...

  9. javascript之BOM对象（三其他对象）

    一.navigator对象 navigator使用来识别浏览器的,是所有支持javascript的浏览器所共有的.与BOM的其他对象不同,每个浏览器的navigator对象都有一套自己的属性. 常见的 ...

随机推荐

  1. fastadmin 随笔 刷新表格数据 获取当前登录人信息 服务端导出Excel

    table.bootstrapTable('refresh',{url:'你的url'}); 获取当前登录人信息 $this->auth就能获取当前用户信息,比如$this->auth-& ...

  2. odoo 常用模型的简写

    <act_window>是窗口操作模型ir.actions.act_window <menuitem>是菜单项模型ir.ui.menu <report>是报表操作模 ...

  3. python面向编程：类继承、继承案例、单继承下属性查找、super方法

    一.类的继承 二.基于继承解决类与类的代码冗余问题 三.在单继承背景下属性的查找 四.super的方法 一.类的继承 1.什么是继承? 在程序中继承是一种新建子类的方法的方式,新创建的类成为子类\派生 ...

  4. Scala（二）——基础语法（与Java的区分）和函数式编程

    Scala快速入门(二) 一.键盘输入 关于基本类型的运算,以及复制运算,条件运算,运算符等知识,均和Java语言一样,这里不过多叙述. val name = StdIn.readLine() Std ...

  5. 转 SQL连接查询语句（内、外、交叉和合并查询）

    转 http://blog.csdn.net/u010011371/article/details/50596535 1.内连接 (INNER JOIN) 内连接也称自然连接,它是根据两个或多个表中的 ...

  6. 第二章 Vue快速入门--13 讲解v-model实现表单元素的数据双向绑定

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  7. puppet完全攻略（一）puppet应用原理及安装部署

    puppet完全攻略(一)puppet应用原理及安装部署 2012-06-06 18:27:56 标签:puppet puppet应用原理 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出 ...

  8. es6 模块编译 *** is not function

    今天学习vuejs,里面用到了es6的写法,遇到了一个很怪的问题,不知道有人遇到么. 安装的模块引用:import Vue from 'vue';(注意,Vue处没有{},如果加上这个就报错Uncau ...

  9. Java-JDBCUtil工具类

    import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import ja ...

  10. RobotFramework 截取中文中的数字比较时长

    先看下需求,这个报表中有个时长,需要对昨日和前日的时长进行比较,我们获取到的元素是例如“9分43秒”这样的格式 1.首先要讲中文中的分和秒分别提取出来 提取python代码如下: import res ...