1.内置对象window
浏览器运行js代码时，需要使用window对象，又称为浏览器对象。window对象是js对象结构中的顶级对象，代表一个浏览器框架，会在<body>标签出现后自动创建。
window对象作为浏览器中等级最高的对象，有一些常用的方法。
- alert 显示弹窗
- confirm 显示一个对话框
- open 打开一个新的浏览器窗口
- close 关闭浏览器窗口
这几种方法使用比较简单，不再赘述。
2.内置对象document
document对象代表整个HTML文档，可以用来访问页面中所有元素，是window对象的一个属性。
document常用方法和属行如下：
- write 向文档输出信息
- writeln 等于与write方法，输出完毕后多一个换行符
- getElementById 返回指定id的标签
- getElementByName 返回指定name的标签集合
- open 打开一个流，收集来自任何write()和writeln()方法的输出
- close关闭用document.open()方法打开的输出流，并显示选定数据
- body提供<body>标签的直接访问
- title返回当前文档的标题
- url 返回当前文档的url
- domain 返回当前文档的域名
2.1 案例1
利用document对象更换页面标题
获得用户输入的内容，利用document.title属性可以设置页面的标题
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="test/html"; charset="UTF-8"/>
<title>案例1</title>
</head>
<script type = "text/javascript">
function changeTitle(){
var newTitle = document.form1.txtTitle.value;
document.title = newTitle;
}
</script>
<body>
<form name = "form1" method = "post" action = "">
<p><input type="text" name = "txtTitle"></p>
<p><input type="button" value="修改标题内容" onclick="changeTitle()"></p>
</form>
</body>
</html>
3.内置对象location
location对象表示当前浏览器窗口中显示的文档的web地址，包含文档的完整url
4.内置对象history
history对象是由一系列的url组成的，用户在一个浏览器窗口内所有访问过的url就组成了history对象。
- back 加载history列表中的前一个url
- forward 加载history列表中的下一个url
- go 加载history列表中的某个具体页面
window.history.方法名()
5.内置对象Screen
screen对象中存放着有关显示浏览器屏幕的信息。js程序利用这些信息来优化它们的输出，已达到用户的显示要求。
- availHeight 返回显示屏幕的高度（windos任务栏除外）
- availWidth 返回显示屏幕的宽度（windos任务栏除外）
- updateInterval 返回显示屏幕的刷新率
- height 返回显示屏幕的高度
- width 返回显示屏幕的宽度
- colorDepth 返回当前屏幕的色深
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>这是一个图形练习</title>
</head>
<body>
<script type="text/javascript">
document.write("屏幕宽" + screen.availWidth + "<br>");
document.write("屏幕高" + screen.availHeight + "<br>");
document.write("屏幕的色深" + screen.colorDepth + "<br>");
</script>
</body>
</html>
文章评论