js心得2
1.表单中的文本框完整的名称应该是：
window.document.myform.text1，其中window可以省略，所以我们前面写为：
document.myform.text1就是这样来的。
1）window窗口对象是代表整个浏览器窗口，是最顶层的根。
2）往下包括history历史对象（存放历史信息，可以前进后退的功能）、
2.Window 对象:
|
名称 |
说明 |
|
document |
表示给定浏览器窗口中的 HTML 文档。 |
|
history |
包含有关客户访问过的URL的信息。 |
|
location |
包含有关当前 URL 的信息。 |
|
name |
设置或检索窗口或框架的名称。 |
|
status |
设置或检索窗口底部的状态栏中的消息。 |
|
screen |
包含有关客户端的屏幕和显示性能的信息。 |
方法：
|
名称 |
说明 |
|
alert (“m提示信息") |
显示包含消息的对话框。 |
|
confirm（“提示信息”） |
显示一个确认对话框，包含一个确定取消按钮 |
|
prompt（”提示信息“） |
弹出提示信息框 |
|
open ("url","name") |
打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 |
|
close ( ) |
关闭当前窗口 |
|
setTimeout(”函数”,毫秒数) |
设置定时器：经过指定毫秒值后执行某个函数 |
|
clearTimeout(定时器对象) |
取消setTimeout设置 |
confirm弹出确认对话框，点击确定返回true ，取消返回false
3.open（”打开窗口的url”，”窗口名”，”窗口特征”）
窗口的特征如下，可以任意组合：
height： 窗口高度；
width： 窗口宽度；
top： 窗口距离屏幕上方的象素值；
left：窗口距离屏幕左侧的象素值；
toolbar： 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable： 是否允许改变窗口大小，yes或1为允许
location： 是否显示地址栏，yes或1为允许
status：是否显示状态栏内的信息，yes或1为允许；
4.全屏显示窗口：
screen.availWidth---屏幕的宽度 (除 Windows 任务栏之外)
screen.availHeight---屏幕的高度 (除 Windows 任务栏之外)。
例如：
也可用：screen.width---显示器屏幕的宽度
screen.height---显示屏幕的高度
• 5.window对象提供了两种方法来实现定时器：
– window. setTimeout(表达式[expression],延时时间[n])，每N秒执行一次！
– window. setInterval(表达式[expression],延时时间[n])，过N秒执行一次，循环！
注意：expression可以是用引号括起来的代码，也可以是一个函数名（不能带任何参数的函数）：
setTimeout("move()",1000);或setTimeout（move，1000）；
• 如何取消定时器：
– 取消setTimeout：window.clearTimeout(id);
– 取消setInterval:window.clearInterval(id);
6.屏幕（screen）对象
• 屏幕对象是JavaScript运行时自动产生的对象
• 屏幕对象常用属性
– height：返回显示屏幕的高度。
– width ：返回显示器屏幕的宽度。
– availHeight ：返回显示屏幕的高度 (除 Windows 任务栏之外)。
– availWidth：返回显示屏幕的宽度 (除 Windows 任务栏之外)。
– colorDepth：返回目标设备或缓冲器上的调色板的比特深度（每像素中用于颜色的位数，其值为1,4,8,15,16,24,32）。
• 网页可见区域宽：document.body.clientWidth
• 网页可见区域高：document.body.clientHeight
• 网页可见区域宽：document.body.offsetWidth (包括边线的宽)
• 网页可见区域高：document.body.offsetHeight (包括边线的宽)
• 网页正文全文宽：document.body.scrollWidth
• 网页正文全文高：document.body.scrollHeight
• 网页被卷去的高：document.body.scrollTop
• 网页被卷去的左：document.body.scrollLeft
• 网页正文部分上：window.screenTop
• 网页正文部分左：window.screenLeft
• 屏幕分辨率的高：window.screen.height
• 屏幕分辨率的宽：window.screen.width
• 屏幕可用工作区高度：window.screen.availHeight
• 屏幕可用工作区宽度：window.screen.availWidth
• 处理地址栏信息：location对象
– Location对象是wodow对象的子对象，包含了窗口对象的网页地址内容，即URL。例如：
• window.location=“http://www.sohu.com”;//跳转到页面
• window.loaction.href=“http://www.sohu.com”;//同上
• window.location.reload();//刷新页面
• Window.location.replace(url);//用url刷新当前网页
– 用三种方法改变当前网页的网站:
方法1：<a href=“javascript:window.open(‘http://www.yahoo.com’,’_self’)”>window.open() </a>
方法2：<a href=“javascript:location.href=‘http://www.yahoo.com’”>
location.href </a>
方法3：<a href=“javascript:location.replace(‘http://www.yahoo.com’)”> location.replace()</a>
7.Location对象属性
|
名称 |
说明 |
|
host |
设置或检索位置或 URL 的主机名和端口号 |
|
hostname |
设置或检索位置或 URL 的主机名部分 |
|
Href |
设置或检索完整的 URL 字符串 |
方法：
|
名称 |
说明 |
|
assign("url") |
加载 URL 指定的新的 HTML 文档。 |
|
reload() |
重新加载当前页 |
|
replace("url") |
通过加载 URL 指定的文档来替换当前文档 |
8.历史记录（history）对象
• 历史记录对象是窗口对象下的一个子对象。它实际上是一个对象数组，包含了一系列的用户访问过的url地址，用于浏览器工具栏中的“前进”和“后退”按钮。
• 常用属性和方法
– history.length：历史对象的个数
– history.back();显示浏览器历史列表中后退一个网址的网页
– history.go(n)或者history.go(网址)：显示浏览器的历史列表中第n个网址的网页，n>0 前进 n<0 后退
– history.forward()；//显示浏览器历史列表中前进一个网址的网页
9.Document对象
• document文档对象是window对象的一个主要部分，它包含了网页显示的各个元素对象。
– document.write(str);//输出一行
– document.writeln(str);//输出一行，并回车
属性：
|
名称 |
说明 |
|
alinkColor |
设置或检索文档中所有活动链接的颜色 |
|
bgColor |
设置或检索 Document 对象的背景色 |
|
body |
指定文档正文的开始和结束 |
|
linkColor |
设置或检索文档链接的颜色 |
|
location |
包含关于当前 URL 的信息 |
|
title |
包含文档的标题 |
|
url |
设置或检索当前文档的 URL |
|
vlinkColor |
设置或检索用户访问过的链接的颜色 |
常用方法：
|
名称 |
说明 |
|
clear ( ) |
清除当前文档 |
|
close ( ) |
关闭输出流并强制显示发送的数据 |
|
write ("text") |
将文本写入文档 |
本节重点：
• JavaScript 程序是事件驱动程序
• onFocus获得焦点事件，表示获得鼠标光标， onBlur失去焦点事件，刚好与之相反
• 浏览器对象是一个分层次的结构，window是顶层根对象
• 打开窗口使用window对象的open( )方法
• 设置定时器，使用window对象的setTimeout( )方法
• location对象的back( )和forward( )方法等同于前进、后退按钮
