1 BOM编程

1.1 入门

BOM就是浏览器对象模型编程,通过javascript引擎提供的四个浏览器对象,操作浏览器,这叫BOM编程

1.2 window对象(重点)

window代表的是一个窗口。

open(): 在一个窗口中打开页面

参数一: 打开的页面

参数二:打开的方式。 _self: 本窗口  _blank: 新窗口(默认)

参数三: 设置窗口参数。比如窗口大小,是否显示任务栏

setInterval(): 设置定时器(执行n次)

setTimeout(): 设置定时器(只执行1次)

clearInterval(): 清除定时器

clearTimeout(): 清除定时器

alert(): 提示框

confirm(): 确认提示框

prompt(): 输入提示框

注意:

因为window对象使用非常频繁,所以当调用js中的window对象的方法时,可以省略对象名不写。

1.3 location对象

location对象表示一个窗口中的地址栏

href属性: 代表的是地址栏的URL,可以获取和设置URL。URL表示统一资源定位符

reload方法: 刷新当前页面

1.4 history对象

history对象表示窗口的历史

forward(): 前进到下一页

back(): 后退上一页

go(): 跳转到某页(正整数:前进  负整数:后退)  1   -2记录栏

1.5 screen对象

screen对象代表是一个屏幕

availHeight和availWidth是排除了任务栏之后的高度和宽度

2 事件编程

2.1 回顾javase的事件编程

编程事件三个要素:

事件源: 按钮JButton JFrame

事件:KeyEvent   WindowEvent

监听器:KeyListener  WindowListener

编程具体的步骤:

1)创建事件源

2)编程监听器

3)在事件源上注册监听器

javascript事件编程的三个要素:

1)事件源:html标签

2)事件 :click dblclick mouseover。。。。

3)监听器: 函数

javascript事件分类:

点击相关的:

单击: onclick

双击: ondblclick

焦点相关的:

聚焦:  onfocus

失去焦点: onblur

选项相关的:

改变选项: onchange

鼠标相关的:

鼠标经过: onmouseover

鼠标移除: onmouseout

页面加载相关的:

页面加载: onload

BOM编程的更多相关文章

  1. 4、BOM编程/正则表达式

    1.    BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行jav ...

  2. 4 BOM编程

    4 BOM编程 编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的 ...

  3. javascript bom 编程

     javascript bom  编程 BOM: 浏览器对象模型 DOM Window  :窗口Window Document 属性:     status :状态栏     self:自己    ...

  4. JavaScript的BOM编程,事件-第4章

    目标 BOM编程 window和document对象 window对象的属性和方法 document对象的属性和方法 JavaScript中对象的分类 浏览器对象:window对象 window对象, ...

  5. javascript之BOM编程Screen(屏幕)对象

    这个对象属性相对比较简单.掌握四个方法即可. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & ...

  6. Bom和Dom编程以及js中prototype的详解

    一.Bom编程: 1.事件练习: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  7. day4 DOM,BOM

    1.     BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行ja ...

  8. javascript之BOM对象总结

    BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的. 为了便 ...

  9. Java开发基础

    天数 课程 01 Java基础回顾 集合 泛型 IO流 多线程 Junit Properties   HTML   JavaScript   JavaScript   BOM编程   XML基础   ...

随机推荐

  1. 关于box-shadow、border-radius不兼容ie8的解决办法

    本来从css3兼容ie9+挺好的,可是总有一些共识要求ie8+,于是就有了我们的苦逼的找解决办法.之前在网上查到一些说用 PIE.htc. But 我就是按照他说的写的没有管用.请教了一下别人才会写了 ...

  2. 工作中常用到的sql命令!!!

    一.mysql数据库日常操作.     1.启动mysql:/etc/init.d/mysql start (前面为mysql的安装路径)     2.重启mysql:  /etc/init.d/my ...

  3. ckeditor(在线文本编辑器)使用教程

    ckeditor是一款由javascript编写的富文本网页编辑器,它可以填写文字.插入图片.视频.Excel等富媒体信息,也可以在源码方式下填写内容,在各个网站中应用非常广泛. 下面就来说说cked ...

  4. java编程--03介绍关于日期常用的计算

    /** * 获取2个日期之间的天数差 * d2-d1 * @return * @throws Exception * @Description: */ public static int getDif ...

  5. 查询pthread库的函数

    首先需要先安装pthread看的手册文档,然后用如下命令查询: man -k pthread

  6. jemeter+badboy录制脚本

    Jmeter 是一个非常流行的性能测试工具,虽然与LoadRunner相比有很多不足,比如:它结果分析能力没有LoadRunner详细:很它的优点也有很多: l       开源,他是一款开源的免费软 ...

  7. Collections练习之按照字符串长度进行排序

    不多说,直接上干货! 代码需求 想从 [abcde, cba, aa, zzz, cba, nbaa] 变成 [aa, cba, cba, zzz, nbaa, abcde] CollectionsD ...

  8. 在Application_Error获取Asp.Net未处理异常信息

    在Application_Error获取Asp.Net未处理异常信息 protected void Application_Error(object sender, EventArgs e) { // ...

  9. CSS选择器笔记,element element和element > element 的区别

    看官方解释 element element  例子: div p 官方解释:div内部所有的p元素 就是说 只要p在div内部.如果 p在span内部,span在div内部,p也算在div内部 < ...

  10. ab压测工具的一些个人见解

    ab压测工具(linux版)由于网上教程一大把,今天也按照教程好好研究了一番,下面写一下对此工具的一些个人见解,如有不妥,希望一起探讨.   优点: 1.小巧. 2.理论支持655350并发数.实际3 ...