BOM知识总结

首先我先摆出JavaScript的API帮助文档:对以后的学习帮助非常大
JavaScript帮助文档

DOM简单学习

  1. 功能:控制HTML文档的内容

  2. 代码:获取页面标签的元素对象Element,

    document.getElementById("id值")
    通过标签元素的ID获取该元素对象
    
  3. 操作Element对象:

    1.修改属性值:
    	1.明确获取的对象是哪一个
    	2.查看API文档,修改该对象的属性.
    2.修改对象的内容:
    	对象 .innerHTML="..."
    

BOM对象的介绍

  1. 概念:浏览器对象模型

    将浏览器的各个组成部分封装成对象.
    
  2. 组成:

    **window:窗口对象**
    navigator:浏览器对象
    Screen:显示器屏幕对象
    **History:历史记录对象**
    **Location:地址栏对象**
    

在这里插入图片描述
从图中观察到BOM中对象的归属结构

BOM对象
		navigator  浏览器对象
					window   窗口对象
									Location  地址栏对象
									History     历史记录对象
									DOM对象(Body标签里面)    document  对象
		Screen     显示器对象

因为不会画图,所有就使用上面这种结构表示了,

Window对象

特点:

	window对象不需要创建就可以直接使用,window.方法名
	window对象的引用可以省略,   方法名();    例如:alter("hello")

方法:(具体内容参考帮助文档)

	confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
	alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
	open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
			window.open(URL,name,features,replace)
	close() 方法用于关闭浏览器窗口  
			哪个对象调用close,关闭哪个对象窗口
	setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
			setTimeout(code,millisec)      只执行一次
	clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
	setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
			setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
			由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。		
	clearInterval() 方法可取消由 setInterval() 设置的 timeout。
			clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

属性:

	1.获取其他的BOM对象
				history
				location
				navigator
				screen
	2.获取DOM对象
				document

Location:地址栏对象

Location 对象
Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

方法:

	reload  重新加载此网页

属性:

	href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。
	因此,我们可	以通过为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。

History:历史记录对象

History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

注释:没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。该历史记录是浏览
窗口时的历史记录不是浏览器的历史记录.

方法:

	back()			加载 history 列表中的前一个 URL。
	forward()		加载 history 列表中的下一个 URL。
	go()			加载 history 列表中的某个具体页面。
				可以传参数,
				正数:前进几个历史记录
				负数:后退几个历史记录

属性:

	length	返回浏览器历史列表中的 URL 数量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值