【 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() 用新的文档替换当前文档

<span onclick="endTimeout();">
	    	关闭打印
	    </span>   
	<br/>
<span onclick="beginTimeout();">
			开始打印
		</span> 

        function goUrl(){
            location.href="http://www.baidu.com";
        }

        function goReload(){
            location.reload();
        }

function goReplace(){
            location.replace('http://www.baidu.com')
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值