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( )方法等同于前进、后退按钮