1.window对象模型:(操作浏览器)
- 它既是ECMAScript规定的global对象,又是javascript访问浏览器窗口的一个接口
- 系统对话框:这些对话框有操作系统/浏览器设置决定,css不起作用,所以浏览器很多时候需要自定义对话框,alert(),confim(),prompt()
- 移动窗口,调整窗口大小
- 导航和打开窗口
- 时序相关的函数(定时器)(由BOM实现,而非ECCMAScript实现)
所有全局变量都是window对象的属性,所有全局函数都是window对象的方法
<script>
//所有全局变量都是window对象的属性
var name="张三";
console.log(name); //张三
console.log(window.name); //张三 function demo(){
var age=25; //局部变量,不属于window对象的属性
console.log(age);
} // console.log(age); //报错,age is not defined
console.log(window.age); //undefined
demo(); //25; //所有全局函数都是window对象的方法
function fn(){
console.log("Hello");
}
fn(); //Hello
window.fn(); //Hello
</script>
2.document对象:(操作页面元素)
- 每个载入浏览器的HTML文档都会成为Document对象,Document对象可以对HTML中所有元素进行访问,常用的操作有增,删,改,查
- document对象是window对象的一部分,可以通过window.document属性对其进行访问
通过window.document可以获取整个文档
- 常用的对象方法:
- 用于控制页面跳转的方法:
1).open()-打开一个流以收集来自任何document.write(),或document.writeln()方法的输出;
2).close()-关闭用document.open()打开的输出流,并显示选定的数据。
2.write()-向文档写入HTML表达式或Javascript代码
3.writeln()-等同于write()方法,不同在于每个表达式之后写一个换行符;
4.getElementById()
getElementByName()
getElementByTagName()