JavaScript 常用对象、事件与属性速查指南

鼠标事件与对象交互

调用 click() 方法可模拟用户点击指定对象。

通过 closed 属性判断对象窗口是否已关闭，返回布尔值 true 或 false。

使用 clearTimeout(对象) 可清除之前通过 setTimeout 设置的定时器。

使用 clearInterval(对象) 可清除之前通过 setInterval 设置的定时器。

调用 confirm("提示信息") 弹出确认对话框，用户点击确定返回 true，点击取消返回 false。

通过 cursor:样式 属性可更改鼠标指针样式，可选值包括 hand、crosshair、text、wait、help、default、auto 以及 e/s/w/n-resize。

event.clientX 属性返回最后一次鼠标点击时的 X 坐标值。

event.clientY 属性返回最后一次鼠标点击时的 Y 坐标值。

event.offsetX 属性返回当前鼠标悬停位置相对于元素左上角的 X 坐标值。

event.offsetY 属性返回当前鼠标悬停位置相对于元素左上角的 Y 坐标值。

文档对象模型（DOM）属性

document.write(document.lastModified) 用于输出网页最后一次更新的时间。

document.ondblclick=x 用于绑定双击鼠标时触发的事件处理函数。

document.onmousedown=x 用于绑定单击鼠标按键时触发的事件处理函数。

document.body.scrollTop 用于返回或设置当前竖向滚动条的坐标值，通常需配合函数使用。

document.body.scrollLeft 用于返回或设置当前横向滚动条的坐标值，通常需配合函数使用。

document.title 属性用于获取或设置当前窗口的标题栏文字，例如 document.title="message"。

document.bgcolor 属性用于改变窗口背景颜色，赋值格式为 document.bgcolor="颜色值"。

document.Fgcolor 属性用于改变正文文字颜色，赋值格式为 document.Fgcolor="颜色值"。

document.linkcolor 属性用于改变未访问超链接的颜色，赋值格式为 document.linkcolor="颜色值"。

document.alinkcolor 属性用于改变正在点击（激活）状态下的链接颜色，赋值格式为 document.alinkcolor="颜色值"。

document.VlinkColor 属性用于改变已访问过的链接颜色，赋值格式为 document.VlinkColor="颜色值"。

document.forms.length 属性返回当前页面中 form 表单的数量。

document.anchors.length 属性返回当前页面中锚点（锚链接）的数量。

document.links.length 属性返回当前页面中超链接的数量。

document.onmousedown=x 用于绑定单击鼠标按键时触发的事件。

document.ondblclick=x 用于绑定双击鼠标时触发的事件。

window.status=defaultStatus 用于将状态栏设置为默认显示内容。

核心对象与字符串处理

使用 function 关键字定义函数，语法为 function xx(){...}。

isNumeric 函数用于判断指定值是否为数字。

通过 xx=对象.innerHTML 可获取某对象标签内的 HTML 源代码。

通过 divid.innerText=xx 可将以 div 定位且以 id 命名的对象文本值设置为 XX。

调用 location.reload() 可使当前页面刷新，target 参数可指定刷新目标网页。

Math.random() 随机函数，返回值范围在0到1之间，若需获取其他数值范围，可乘以10后取整

Math.floor(number) 将数值 number 向下取整，舍去所有小数部分。

Math.min(1,2) 返回 1 和 2 中较小的值，即 1。

Math.max(1,2) 返回 1 和 2 中较大的值，即 2。

浏览器信息与窗口控制

navigator.appName 属性返回当前浏览器的名称。

navigator.appVersion 属性返回当前浏览器的版本号。

navigator.appCodeName 属性返回当前浏览器的代码名称。

navigator.userAgent 属性返回当前浏览器的用户代理标识。

onsubmit="return(xx())" 用于在表单提交时返回函数的执行结果。

通过 opener.document.对象 可控制由当前窗口打开的原窗体对象。

调用 prompt xx=window.prompt("提示信息","预定值"); 可弹出输入对话框。

通过 parent.框架名.对象 可控制框架页面中的对象。

return false 用于阻止默认行为并返回 false 值。

random 属性生成 0 至 1 之间的随机参数。

调用 form.reset() 可使 form 表单内的数据重置为初始状态。

调用 string.split("") 可将 string 对象中的字符以指定分隔符（此处为空字符串，通常指按字符分割或逗号）隔开。

调用 form对象.submit() 可使 form 对象提交数据。

调用 String 对象的 charAt(x) 可返回指定索引位置的字符。

lastIndexOf("string") 从右向左查找指定字符，若未找到返回 -1。

indexOf("string") 从左向右查找指定字符，若未找到返回 -1。

调用 toLowerCase() 将对象字符串全部转换为小写。

调用 toUpperCase() 将对象字符串全部转换为大写。

调用 string.substring(x,x) 可返回对象中从起始索引到结束索引的字符子串，例如 substring(0,5)。

调用 setTimeout("function",time) 可设置一个超时定时器对象。

调用 setInterval("function",time) 可设置一个间隔定时器对象。

调用 x.toLocaleString() 可从时间对象 x 中获取时间，并以字符串格式返回。

调用 typeof(变量名) 检查变量的类型，返回值包括 String、Boolean、Object、Function、Underfined。

window.event.button 属性判断鼠标按键状态，左键等于 1，右键等于 2，同时按下为 3。

window.screen.availWidth 返回当前屏幕可用宽度（扣除任务栏等空白空间）。

window.screen.availHeight 返回当前屏幕可用高度（扣除任务栏等空白空间）。

window.screen.width 返回当前屏幕分辨率宽度。

window.screen.height 返回当前屏幕分辨率高度。

window.document.body.offsetHeight 返回当前网页内容的垂直高度。

window.document.body.offsetWidth 返回当前网页内容的水平宽度。

调用 window.resizeTo(0,0) 可将窗口大小设置为指定宽高。

调用 window.moveTo(0,0) 可将窗口移动到屏幕指定坐标位置。

调用 window.focus() 可使当前窗口获得焦点。

调用 window.scroll(x,y) 可控制窗口滚动条坐标，y 值控制上下移动，通常需与函数配合使用。

调用 window.open("地址","名称","属性") 用于打开新窗口。

window.open 的属性包括 toolbar（工具栏）、location（地址栏）、directions（方向按钮）、status（状态栏）。

window.open 的其他属性包括 menubar（菜单栏）、scrollbar（滚动条）、resizable（改变大小）、width（宽）、height（高）、fullscreen（全屏）、scrollbars（滚动条显示）、channelmode（宽屏模式）、left（打开窗口 X 坐标）、top（打开窗口 Y 坐标）。

通过 window.location = 'view-source:' + window.location.href 可查看网页源代码。

日期对象与时间处理

通过 a=new Date() 创建一个新的日期对象 a。

通过 y=a.getYear() 从对象 a 中获取年份值，返回两位数年份。

通过 y1=a.getFullYear() 获取全年份数，返回四位数年份。

通过 m=a.getMonth() 获取月份值。

通过 d=a.getDate() 获取日期值。

通过 d1=a.getDay() 获取当前星期值。

通过 h=a.getHours() 获取当前小时数。

通过 m1=a.getMinutes() 获取当前分钟数。

通过 s=a.getSeconds() 获取当前秒钟数。

CSS 样式与字体属性

通过 对象.style.fontSize="文字大小" 设置文字大小。

CSS 长度单位包括 mm（毫米）、cm（厘米）、in（英寸）、pc（派卡）、pt（点）、px（像素）、em（文字高度）。

单位换算关系：1in=1.25cm。

单位换算关系：1pc=12pt。

单位换算关系：1pt=1.2px（在 800*600 分辨率下）。

文本字体属性主要包括以下各项。

fontSize 属性用于设置字体大小。

family 属性用于设置字体族。

color 属性用于设置文字颜色。

fontStyle 属性用于设置字体风格，取值包括 normal（一般）、italic（斜体）、oblique（斜体且加粗）。

fontWeight 属性用于设置字体粗细，取值范围 100 到 900，900 最粗，也可使用 light、normal、bold。

letterSpacing 属性用于更改文字间距，取值如 1pt、10px、1cm。

textDecoration 属性用于设置文字修饰，取值包括 none（不修饰）、underline（下划线）、overline（上划线）。

background 属性用于设置文字背景颜色。

backgroundImage 属性用于设置背景图片，取值为图片的插入路径。

网页事件监听器汇总

点击网页正文时调用的函数触发器包括以下事件。

1、onClick 当对象被点击时触发。

2、onLoad 当网页打开时触发，通常只能书写在 body 标签中。

3、onUnload 当网页关闭或离开时触发，通常只能书写在 body 标签中。

4、onmouseover 当鼠标悬于对象之上时触发。

5、onmouseout 当鼠标离开对象时触发。

6、onmouseup 当鼠标松开按键时触发。

7、onmousedown 当鼠标按下按键时触发。

8、onFocus 当对象获取焦点时触发。

9、onSelect 当对象的文本被选中时触发。

10、onChange 当对象的内容被改变时触发。

11、onBlur 当对象失去焦点时触发。

onsubmit=return(ss()) 用于在表单提交时返回函数的值。

CSS 边框样式定义

CSS 直线边框样式：border-bottom:1x solid black。

CSS 虚线边框样式：border-bottom:1x dotted black。

CSS 点划线边框样式：border-bottom:2x dashed black。

CSS 双线边框样式：border-bottom:5x double black。

CSS 槽状边框样式：border-bottom:1x groove black。

CSS 脊状边框样式：border-bottom:1x ridge black。