【 BOM对象 与 DOM对象】

BOM对象

BOM和DOM它不属于JS的范围,它是W3C(互联网联盟)开发的,移植到了我们的JS中

BOM和DOM是一个标准,是一个描述,是一个规范,这个规范在JS中得以实现。

概念:(Browser Object Model)浏览器对象模型,Bom提供了一系列访问和操作浏览器各个组件的方法。

Window对象

window对象
代表浏览器窗口,是最顶级的对象也是系统默认的全局对象,在网页的任何地方都可以直接调用其属性和方法。

window包含的子对象:document history location等


window对象属性:

closed:
判断浏览器窗口的关闭,返回一个布尔值; name:指当前浏览器窗口的名称,一般用于超级链接target使用
window.name简写为name innerWidth:
指当前浏览器窗口的宽度,不含滚动条、菜单栏、地址栏、状态栏等。IE低版本不支持。

对象名+“.”+属性名 操作属性的方式
语法: window.属性名 = "属性值";

window常用方法

  • prompt( ) 行内脚本调用函数 显示可提示用户输入的对话框

var temp = prompt("请输入年龄");


  • alert( ) 显示带有一个提示信息和一个确定按钮的警示框

  • confirm( ) 显示一个带有提示信息,确定和取消按钮的对话框

var temp= confirm("确认要删除此条信息吗?");
Ps: 结果是boolean类型 true表示确定 false 表示取消


  • close( ) 关闭浏览器窗口(火狐浏览器要设置关闭参数)

  • open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档 窗口参数可以有多个值,每个值之间用逗号分隔(注意各浏览器对以下参数有不同的支持)

  • print( ) 打印页面

  • setTimeout() 启动一个延时器
    返回值:返回一个 延时器,其实是一个数字
    参数 code:要执行的任何js代码,
    一般是函数 miliSec:时间值毫秒,等待多长时间执行code代码(1秒=1000毫秒)
    注意:延时器方法只会执行一次,不会重复执行,除非在函数再次调用自己(递归调用)

  • clearTimeout()清除setTimeout()方法设置的延时器

history对象常用方法

表示页面后退一页
back() 后退 [window.]history.back();
表示页面前进一页
forward() 前进 [window.]history.forward();
前进/后退 可以设负数,前进一页 可为负数
go()

location对象常用方法

属性:
1、host 设置或返回主机名和当前URL的端口号
2、hostname 设置或返回当前URL的主机名
3、href 设置或返回完整的URL


方法:
reload() 刷新页面
replace() 用新的文档替换当前文档


	    	关闭打印
	       
	
开始打印 function goUrl(){ location.href="http://www.baidu.com"; } function goReload(){ location.reload(); } function goReplace(){ location.replace('http://www.baidu.com') }

你可能感兴趣的:(前端,javascript,html)