首先我先摆出JavaScript的API帮助文档:对以后的学习帮助非常大
JavaScript帮助文档
DOM简单学习
-
功能:控制HTML文档的内容
-
代码:获取页面标签的元素对象Element,
document.getElementById("id值") 通过标签元素的ID获取该元素对象
-
操作Element对象:
1.修改属性值: 1.明确获取的对象是哪一个 2.查看API文档,修改该对象的属性. 2.修改对象的内容: 对象 .innerHTML="..."
BOM对象的介绍
-
概念:浏览器对象模型
将浏览器的各个组成部分封装成对象.
-
组成:
**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 数量。