window对象
BOM模型图:
常用属性:
history :有关客户访问过的URL的信息
location:有关当前URL的信息
screen:只读属性,包含有关客户端显示屏幕的信息
语法格式如下:
window.属性名 = “属性值”;
常用方法:
alert()、confirm()、prompt() 分别用于弹出警告对话框、确认对话框和提示输入对话框。
close() 关闭窗口。
focus()、blur() 让窗口获得焦点、失去焦点。
open() 打开一一个新的顶级窗口,用于装载新的URL所指向的地址,并可指定一系列的新属性,包括隐藏菜单等。:
resizeBy()、resizeTo() 重设窗口大小。
scrollBy()、scrollTo() 滚动当前窗口中的HTML文档。
setTimeout()、clearTimeout() 设置、删除定时器。
closed 该属性返回-一个 boolean值,用于判断该窗口是否处于关闭状态。
frames[] 返回该窗口内包含的Frame对象,每个Frame对象又是一个window对象。
history 返回该窗口的浏览历史。
location 返回该窗口装载的HTML文档的URL
navigator 返回浏览当前页面的浏览器。
parent 如果当前窗口是一个Frame,则该属性返回包含本Frame的窗口, 即该Frame的直接父窗口。
screen 返回当前浏览者的屏幕对象。
self 返回自身。
top 如果当前窗口是-一个Frame,则该属性指向包含本Frame的顶级父窗口。
setInterval()、clearlnterval() 也是设置定时器。推荐使用setInterval() 和clearlnterval ()。
moveBy()、moveTo() 移动窗口。
defaultStatus、status 返回浏览器状态栏的文本
name 返回该窗口的名字。
print() 打印当前窗口或Frame。
document 返回该窗口内装载的HTML文档
语法如下:
window.方法名();
窗口特征(Window Features)
channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0 是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels 窗口文档显示区的高度。以像素计。
left=pixels 窗口的 x 坐标。以像素计。
location=yes|no|1|0 是否显示地址字段。默认是 yes。
menubar=yes|no|1|0 是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0 窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0 是否显示滚动条。默认是 yes。
status=yes|no|1|0 是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0 是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是 yes。
top=pixels 窗口的 y 坐标。
width=pixels 窗口的文档显示区的宽度。以像素计。
history对象与location对象
history对象的方法
back() 加载history对象列表中的前一个URL
forward() 加载history对象列表中的最后一个URL
go() 加载history对象列表中的某个具体URL
location对象的属性
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
location对象的方法
reload() 重新加载当前文档
replace() 用新的文档替换当前文档
document对象
document对象的常用属性
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
语法:
document.referrer/ document.URL
document对象的常用方法
getElementById() 返回对拥有指定id的第一个对象的引用【用于访问唯一的元素】
getElementsByName() 返回带有指定名称的对象的集合【用于访问相同name属性的一组元素】
getElementsByTagName() 返回带有指定标签名的对象的集合【用于访问相同标签的一组元素】
write() 向文档写文本、HTML表达式或JavaScript代码
JavaScript内置对象
在JavaScript中,系统的内置对象有Date对象、Array对象、String对象和Math对象等。
-
Date:用于操作日期和时间。
-
Array: 用于在单独的变量名中存储一系列的值。
-
String:用于支持对字符串的处理。
-
Math:包含了若干个数字常量和函数。
Date对象
语法:
var 日期实例 = new Date(参数);
-
创建日期对象
方法一:日期对象=new Date()
方法二:日期对象=New Date(日期字串)
方法三:日期对象=New Date(年,月,日[时、分、秒、[毫秒]])
方法四:日期对象=New Date(毫秒) -
日期对象的常用方法
方法 描述
Date() 返回当日的日期和时间
getDate() 从Date对象返回一个月中的某一天(1~31)
getDay() 从Date对象返回一周中的某一天(0~6)
getMonth() 从Date对象返回月份(0~11)
getFullYear() 从Date对象以4位数字返回年份
getYear() 请使用getFullYear()方法代替
getHours() 返回Date对象的小时(0~23)
getMinutes() 返回Date对象的分钟(0~59)
getSeconds() 返回Date对象的秒数(0~59)
getMilliseconds() 返回Date对象的毫秒(0~999)
getTime() 返回1970年1月1日至今的毫秒数
getTimezoneOffset() 返回本地时间与格林威治标准时间(GMT)的分钟差
getUTCDate() 根据世界时从Date对象返回月中的一天(1~31)
getUTCDay() 根据世界时从Date对象返回周中的一天(0~6)
getUTCMonth() 根据世界时从Date对象返回月份(0~11)
getUTCFullYear() 根据世界时从Date对象返回4位数的年份
getUTCHours() 根据世界时返回Date对象的小时(0~23)
getUTCMinutes() 根据世界时返回Date对象的分钟(0~59)
getUTCSeconds() 根据世界时返回Date对象的秒钟(0~59)
getUTCMilliseconds() 根据世界时返回Date对象的毫秒(0~999)
parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数
setDate() 设置Date对象中月的某一天(1~31)
setMonth() 设置Date对象中月份(0~11)
setFullYear() 设置Date对象中的年份(四位数字)
setYear() 请使用setFullYear()方法代替
setHours() 设置Date对象中的小时(0~23)
setMinutes() 设置Date对象中的分钟(0~59)
setSeconds() 设置Date对象中的秒钟(0~59)
setMiliseconds() 设置Date对象中的毫秒(0~999)
setTime() 以毫秒设置Date对象
setUTCDate() 根据世界时设置Date对象中月份的一天(1~31)
setUTCMonth() 根据世界时设置Date对象中的月份(0~11)
setUTCFullYear() 根据世界时设置Date对象中的年份(四位数字)
setUTCHours() 根据世界时设置Date对象中的小时(0~23)
setUTCMinutes() 根据世界时设置Date对象中的分钟(0~59)
setUTCSeconds() 根据世界时设置Date对象中的秒钟(0~59)
setUTCMilliseconds() 根据世界时设置Date对象中的毫秒(0~999)
toSource() 返回该对象的源代码
toString() 把Date对象转换为字符串
toTimeString() 把Date对象的时间部分转换为字符串
toDateString() 把Date对象的日期部分转换为字符串
toGMTString() 请使用toUTCString()方法代替
toUTCString() 根据世界时,把Date对象转换为字符串
toLocaleString() 根据本地时间格式,把Date对象转换为字符串
toLocaleTimeString() 根据本地时间格式,把Date对象的时间部分转换为字符串
toLocaleDateString() 根据本地时间格式,把Date对象的日期部分转换为字符串
UTC() 根据世界时返回1997年1月1日到指定日期的毫秒数
valueOf() 返回Date对象的原始值其中toLocaleFormat()方法,可以有选择地将日期对象中的某个或某些部分转换成字符串,也可以指定转换的字符串格式。toLocalFormat()方法的语法如下:
日期对象.toLocaleFormat(formatString)
参数formatString为要转换的日期字符,这些字符及含义如表:格式字符 说明
%a 显示日期的缩写,显示方式有本地区域设置
%A 显示星期的全称,显示方式有本地区域设置
%b 显示月份的缩写,显示方式有本地区域设置
%B 显示月份的全称,显示方式有本地区域设置
%c 显示日期和时间,显示方式有本地区域设置
%d 以两位数的形式显示月份中的某一日(01~31)
%H 以两位数的形式显示小时,24小时制,00~23
%I 以两位数的形式显示小时,12小时制,01~12
%j 一年中的第几天3位数,001~366
%m 两位数月份,01~12
%M 两位数分钟,00~59
%p 本地区域设置的上午或者下午
%S 两位数秒钟,00~59
%U 两位数1年中的第几周00~53(星期天为一周的第一天)
%w 一周中的第几天0~6(星期天为一周的第一天,0为星期天)
%W 两位数一年中的第几周00~53(星期一为一周的第一天,一年中的第一个星期一认为是第0周)
%x 显示日期,显示方式有本地区域设置
%X 显示时间,显示方式有本地区域设置
%y 两位数年份
%Y 4位数年份
%Z 如果时区信息不存在,则被时区名称、时区简称或者被无字节替换
%% 显示%
Math对象
Math 对象属性
属性 描述
E 返回算术常量 e,即自然对数的底数(约等于2.718)。
LN2 返回 2 的自然对数(约等于0.693)。
LN10 返回 10 的自然对数(约等于2.302)。
LOG2E 返回以 2 为底的 e 的对数(约等于 1.414)。
LOG10E 返回以 10 为底的 e 的对数(约等于0.434)。
PI 返回圆周率(约等于3.14159)。
SQRT1_2 返回返回 2 的平方根的倒数(约等于 0.707)。
SQRT2 返回 2 的平方根(约等于 1.414)。
语法: var 变量名 = Math.属性;
Math对象的常用方法
ceil() 对数进行上舍入 示例:25.5 返回 26 /-25.5返回-25
floor() 对数进行下舍入 示例:25.5 返回 26 /-25.5返回-26
round() 把数四舍五入为最接近的数 示例:25.5 返回 26 /-25.5返回-26
random()返回0~1中的随机数
定时函数
常用定时函数
JavaScript中提供了两个定时函数setTimeout()和setInterval()。清除定时器的两个函数clearTimeout()和clearInterval();
1.setTimeout()
语法:
setTimeout(“调用的函数名称”,等待的毫秒数)
setTimeout()用于在指定的毫秒后调用函数或计算表达式
注:setTimeout()只执行一次,如果需要多次调用,则需要使用setInterval()或者让被调用的函数再次调用setTimeout();
2.setInterval()
语法:
setInterval("调用的函数名称",周期性调用函数之间间隔的毫秒数)
setInterval()会不停的调用函数,直到窗口被关闭或被其他方法强制停止。
3.clearTimeout()和clearInterval()
语法:
clearTimeout(setTimeout 返回的ID值) / clearInterval(setInterval()返回的ID值)