JavaScript三大对象详细解说

Js三大对象

一 浏览器对象

  浏览器窗口、文档document、URL地址等

  常用的浏览器对象：

 

浏览器对象的分层结构

 

1. Window对象

（1） 属性

     

名称	说明
document	表示给定浏览器窗口中的 HTML 文档。
history	包含有关客户访问过的URL的信息。
location	包含有关当前 URL 的信息。
name	设置或检索窗口或框架的名称。
status	设置或检索窗口底部的状态栏中的消息。
screen	包含有关客户端的屏幕和显示性能的信息。

（2） 方法

名称	说明
alert (“m提示信息")	显示包含消息的对话框。
confirm（“提示信息”）	显示一个确认对话框，包含一个确定取消按钮
Prompt（”提示信息“）	弹出提示信息框
open ("url","name")  eg： window.open("google.htm");	打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档
close ( )	关闭当前窗口
setTimeout（”函数”,毫秒数）	设置定时器：经过指定毫秒值后执行某个函数
clearTimeout(定时器对象)

  Open方法的使用：

open（”打开窗口的url”，”窗口名”，”窗口特征”）

窗口的特征如下，可以任意组合：

height： 窗口高度；

width： 窗口宽度；

top： 窗口距离屏幕上方的象素值；

left：窗口距离屏幕左侧的象素值；

Eg： open(“adv.htm”, “”, “width=650, height=150”);

1. Document对象

（1） 属性

      

名称	说明
bgColor	设置或检索 Document 对象的背景色
body	指定文档正文的开始和结束
location	包含关于当前 URL 的信息
title	包含文档的标题
url	设置或检索当前文档的 URL

（2） 方法

      

名称	说明
clear ( )	清除当前文档
close ( )	关闭输出流并强制显示发送的数据
write ("text")	将文本写入文档

1. History对象

（1） 方法

     

名称	说明
back()	加载 History 列表中的上一个 URL。
forward()	加载 History 列表中的下一个 URL。
go("url" or number)	加载 History 列表中的一个 URL，或要求浏览器移动指定的页面数。

back ( ) 方法相当于后退按钮

forward ( ) 方法相当于前进按钮

go (1)代表前进1页，等价于forward( )方法；

go(-1) 代表后退1页，等价于back( )方法；

1. Location对象

（1） 属性

     

名称	说明
host	设置或检索位置或 URL 的主机名和端口号
hostname	设置或检索位置或 URL 的主机名部分
href	设置或检索完整的 URL 字符串

（2） 方法

   

名称	说明
assign("url")	加载 URL 指定的新的 HTML 文档。
reload()	重新加载当前页
replace("url")	通过加载 URL 指定的文档来替换当前文档

二 脚本对象

   String字符串对象、Data对象、Math数学对象等

1. String对象：

   创建字符串有两种不同方法：

（1） 使用var语句：

      Var newstr=”这是一个字符串”;

（2） 创建String对象

      Var newStr=new String（“这是一个字符串”）；

String对象的属性：

	名 称	说 明
属性	length	返回字符串的长度
方法	big(  )	增大字符串文本
	blink(  )	使字符串文本闪烁（IE 浏览器不支持）
	bold(  )	加粗字符串文本
	fontcolor(  )	确定字体颜色
	italics(  )	用斜体显示字符串
	indexOf(“子字符串”，起始位置 )	查找子字符串的位置
	strike(  )	显示加删除线的文本
	sub(  )	将文本显示为下标
	…	…
	toLowerCase(  )	将字符串转换成小写
	toUpperCase(  )	将字符串转换成大写

1. Math对象

  

	名称	说 明
属性	PI	∏ 的值， 约等于 3.1415
	LN10	10 的自然对数的值，约等于 2.302
	E	Euler 的常量的值，约等于 2.718。Euler 的常量用作自然对数的底数
	abs(y)	返回 y 的绝对值
	sin (y)	返回 y 的正弦，返回值以弧度为单位。
	cos (y)	返回 y 的余弦，返回值以弧度为单位
	tan (y)	返回 y 的正切，返回值以弧度为单位
	min (x, y)	返回 x 和 y 两个数中较小的数
	max (x, y)	返回 x 和 y 两个数中较大的数
	random	返回0-1的随机数
方法	round (y)	四舍五入取整
	sqrt (y)	返回 y 的平方根

两秒自动刷新小案例：

<META  http-equiv="refresh"  content="2">

1. Data对象

  Data对象存储的日期为自1970年1月1日00:00:00以来的毫秒数

Var 日期对象=newData（年、月、日等参数）

Eg：

var  mydate=new Date( “July 29, 1998,10:30:00 ”)

如果没有参数，表示当前日期和时间

Data方法：

方法分组	说 明
setxxx	这些方法用于设置时间和日期值
getxxx	这些方法用于获取时间和日期值
Toxxx	这些方法用于从 Date 对象返回字符串值
parsexxx & UTCxx	这些方法用于解析字符串

用作Data方法参数的整数

值	整 数
Seconds 和 minutes	0 至 59
Hours	0 至 23
Day	0 至 6（星期几）
Date	1 至 31（月份中的天数）
Months	0 至 11（一月至十二月）

Set方法：

方法	说明
setDate	设置 Date 对象中月份中的天数，其值介于 1 至 31 之间。
setHours	设置 Date 对象中的小时数，其值介于 0 至 23 之间。
setMinutes	设置 Date 对象中的分钟数，其值介于 0 至 59 之间。
setSeconds	设置 Date 对象中的秒数，其值介于 0 至 59 之间。
setTime	设置 Date 对象中的时间值。
setMonth	设置 Date 对象中的月份，其值介于 0 至 11 之间。

Get方法：

方法	说明
getDate	返回 Date 对象中月份中的天数，其值介于 1 至 31 之间
getDay	返回 Date 对象中的星期几，其值介于 0 至 6 之间
getHours	返回 Date 对象中的小时数，其值介于 0 至 23 之间
getMinutes	返回 Date 对象中的分钟数，其值介于 0 至 59 之间
getSeconds	返回 Date 对象中的秒数，其值介于 0 至 59 之间
getMonth	返回 Date 对象中的月份，其值介于 0 至11 之间
getFullYear	返回 Date 对象中的年份，其值为四位数
getTime	返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数

To方法：

方 法	说 明
toGMTString	使用格林尼治标准时间 (GMT) 数据格式将 Date 对象转换成字符串表示
toLocaleString	使用当地时间格式将 Date 对象转换成字符串表示

Parse方法和UTC方法：

方 法	说 明
Date.parse (date string )	用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数
Date.UTC (year, month, day, hours, min., secs. )	Date 对象中自 1970 年 1 月 1 日以来的毫秒数

SetTimeout函数的用法：

setTimeout（“调用的函数”,”定时的时间”）

   例：

   var  myTime＝setTimeout（”disptime( )”,1000）;

   clearTimeout（myTime）;

三 HTML对象

  各种HTML标签：段落<p>、图片<img>、超链接<a>等