BOM的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力。

整个window对象是整个BOM的核心。

通过BOM可实现的功能:

弹出新的浏览器窗口

移动、关闭浏览器及调整窗口大小

在浏览器窗口中实现页面的前进、后退

window对象常用属性

名称

说明

history

有个客户访问过的URL的信息

location

有关当前URL的信息

screen

只读属性,包含有关客户端显示屏幕的信息

document

文档

window.属性名=”属性值”;

window常用方法

名称

说明

prompt()

显示可提示用户输入的对话框

alert()

显示一个带有提示信息和一个”确定”按钮的警示对话框

confirm()

显示一个带有信息、”确认”、”取消”按钮的对话框

close()

关闭浏览器

open()

打开一个新的浏览器窗口,加载给定URL所指定的文档

setTimeout()

在指定的毫秒数后调用函数或计算表达式

setInterval()

按照指定的周期(以毫秒计)来调整函数表达式

window.方法名();

window对象是全局对象,所有可以省略window,直接写方法名:如alert();

alert()只是一个参数,用来提示

prompt()用来提示用户输入信息,单击取消,返回null,单击确定返回用户输入的值

confirm()确定返回true,取消返回flase

close():window.close();

open():window.open(“弹出窗口的url”,”窗口名称”,”窗口特征”);

窗口特征属性

名称

说明

height、width

窗口文档显示区的高宽,以像素计

left、top

窗口的x、y坐标,以像素计

toolbar=yes|no|1|0

是否显示浏览器的工具栏,默认yes

scrollbars=yes|no|1|0

是否显示滚动条,默认Yes

location=yes|no|1|0

是否显示地址栏,默认yes

status=yes|no|1|0

是否添加状态栏,默认yes

menubar=yes|no|1|0

是否显示菜单栏,默认yes

resizable=yes|no|1|0

窗口尺寸可调节,默认yes

titlebar=yes|no|1|0

是否显示标题栏,默认yes

fullscreen=yes|no|1|0

是否使用全屏模式显示,默认no

history对象提供最近浏览过的URL表。

名称

描述

back()

加载history对象列表中的前一个URL

forward()

加载history对象列表中的后一个URL

go()

加载histroy对象列表中的某个具体URL,(1)前进,(-1)后退,(0)刷新

location对象提供当前页面URL信息,并且可以重新装载当前页面或装入新页面

属性

名称

描述

host

设置或返回主机名和当前URL的端口号

hostname

设置或返回当前URL的主机名

href

设置或返回完整的URL,通过对属性设置不同网站,从而达到跳转功能

方法

名称

描述

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

document对象即是window对象的一部分,又代表了整个HTML文档,可用来访问页面中所有元素。

常用属性

属性

描述

referrer

返回载入当前文档的URL

URL

返回当前文档的URL

document.referrer;如果不是通过超链接访问的,则返回null

document.URL;

常用方法

方法

描述

getElementById()

返回对用有指定id的第一个对象的引用

getElementsByName()

返回带有指定名称的对象的集合

getElementsByTagName()

返回带有指定标签名的对象的集合

write()

向文档写文本、HTML表达式或JavaScript代码

JS内置对象:

Data:用于操作日期和时间

Array:单独的变量名中存储一系列的值

String:支持对字符串的处理

Math:使我们有能力执行常用数字任务,包含若干个数字常量和函数

创建实例:var 日期实例 = new Date(参数);

可以省略参数,如果没有参数,则表示当前时间和日期

日期格式(月 日,年,小时:分钟:秒)

常用方法

方法

说明

getDate()

返回Date对象的一个月中的每一天,值为1~31

getDay()

返回Date对象的星期中的每一天,值0~6,0为周日

getHours()

返回Date对象的小时数,值为0~23

getMinutes()

返回Date对象的分钟数,值为0~59

getSeconds()

返回Date对象的秒数,值为0~59

getMonth()

返回Date对象的月份,值为0~11

getFullYear

返回Date对象的年份,值为四位数

getTime()

返回自某一刻以来的毫秒数

innerHtml在JS是双向功能:获取对象的内容 或 向对象插入内容;
如:<div
id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa'). innerHtml 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如
document.getElementById('abc'). innerHtml='这是被插入的内容'; 这样就能向id为abc的对象插入内容。

math是一个全局对象,不需要创建,直接作为对象使用就可以调用其属性和方法

常用方法

方法

说明

示例

ceil()

对数进行上舍

Math.ceil(25.5);返回26

Math.ceil(-25.5);返回-25

floor()

对数进行下舍

Math.floor(25.5);返回25

Math.floor(-25.5);返回-26

round()

把数四舍五入

Math.floor(25.5);返回26

Math.floor(-25.5);返回-26

random()

返回0~1中的随机数

包括0不包括1

返回0~100,var iNum = Math.floor(Math.random()*100+1);

定时器:

setTimeout(“调用的函数名称”,等待的毫秒数);

用于在指定的毫秒数后调用函数或计算表达式

setInterval(“调用的函数名称”,周期性调用函数之间间隔的毫秒数)

可按照指定的周期(以毫秒计)来调用函数或计算表达式,会不停调用函数,直到窗口被关闭或其它地方强制停止。

clearTimeout()函数用来清除setTimeout()函数设置的定时器

clearTimeout
(setTimeout()返回的ID值);

clearInterval函数用来清除由SetInterval()函数设置的定时器

clearInterval
(setInterval()返回的ID值);

关闭定时器

clearTimeout(定时器名);

使用外部样式

onload
= function(){

dom.className="类样式名称,类样式名称";

}

input打头的都是表单元素,必须有name属性,就可以提交到服务器

window.onload会等待代码完全执行完毕后执行

操作BOM的更多相关文章

  1. 第三章 JavaScript操作BOM对象

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

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

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

  3. 操作BOM对象

    操作BOM对象 目录 操作BOM对象 1. 浏览器介绍 2. window 3. Navigator(不建议使用) 4. screan 5. location(重要) 6. document(内容:D ...

  4. JavaScript学习06(操作BOM和表单)

    操作BOM window 所有浏览器都支持 window 对象.它代表浏览器的窗口. 所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员. 全局变量是 window 对 ...

  5. js操作bom和dom

    Bom 概念 BOM : Browser Object Model 浏览器对象模型,描述与浏览器进行交互的方法和接 口, ECMAscript是javascript的核心,但如果要在web中使用jav ...

  6. JavaScript操作BOM对象

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

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

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

  8. js操作BOM对象

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

  9. JavaScript深入(操作BOM对象)

    浏览器对象模型(BOM) BOM的核心是window, 向下有: document(文档):document下由button,text,from,等等表单元素组成. location(地址对象),hi ...

随机推荐

  1. css3制作有动画效果的面板

    .show-panel .slide-panels{ right: 0px; } .slide-panels{ z-index: 101; background: #fff; position: fi ...

  2. Java入门到精通——调错篇之EasyUI+SpringMVC Form表单提交到Contorller中文字出现乱码

    一.错误现象. 界面Post提交到Contorller的时候在Contorller中出现乱码. 二.问题解决. 在Web.xml下加入以下代码就可以解决. <filter> <fil ...

  3. 02_Redis数据类型(String、Hash)

    [Redis数据类型] redis是通过key-Value来存储的,其支持的数据类型如下: 1.字符串 2.Hash 3.List 4.Set 5.SortSet(zset) 注:redis中,命令( ...

  4. jquery mobile 自定义图标

    Jquery Mobile框架包含了一组最常用的移动应用程序所需的图标,为了减少下载的大小,Jquery Mobile包含的是的白色的图标sprite图片,并自动在图标后添加一个半透明的黑圈以确保在任 ...

  5. OA环境搭建及卸载操作帮助文档

    目    录 项目介绍 JDK的安装与验证 1.安装JDK 2.添加环境变量 3.验证JDK MySql的安装与验 1.安装MySql 2.登录Mysql帐号 3.导入数据库 Tomcat的安装与验证 ...

  6. OOA-OOD—OOP

    关于面向对象(OO)程序设计的思想,现在把它记下来. ----OOA Object-Oriented Analysis(面向对象分析方法)是确定需求或者业务的角度,按照面向对象的思想来分析业务.例如: ...

  7. Cloud Foundry Session Affinity(Sticky Session)的实现

    会话保持(Session Affinity),有时又称粘滞会话(Sticky Sessions), 是负载均衡领域设计需要着力解决的重要问题之一,也是一个相对比较复杂的问题. 会话保持是指在负载均衡器 ...

  8. Apache轻量级性能測试工具--ab

    Apache轻量级性能測试工具--ab ab早已不是什么新奇玩意,平时工作中会须要一些性能測试.简单的性能測试全然能够由AB来替代,而不须要动用LR这样重量级的工具. 此文简介一下ab的工具使用与结果 ...

  9. 【洛谷2624】[HNOI2008] 明明的烦恼(Python+利用prufer序列结论求解)

    点此看题面 大致题意: 给你某些点的度数,其余点度数任意,让你求有多少种符合条件的无根树. \(prufer\)序列 一道弱化版的题目:[洛谷2290][HNOI2004] 树的计数. 这同样也是一道 ...

  10. HashMap面试知识点

    HashMap的工作原理是近年来常见的Java面试题. 几乎每个Java程序员都知道HashMap,都知道哪里要用HashMap,知道Hashtable和HashMap之间的区别,那么为何这道面试题如 ...