JavaScript里的函数或属性一

常用系统函数

函数	解析	格式
parseInt():	可以解析一个字符串,并返回一个整数.	parseInt(“字符串”
parseFloat	可解析一个字符串,并返回一个浮点数.	parseFloat(“字符串”)
isNaN():	用于检查其参数是否是非数字.	isNaN(x)

 

自定义函数语法格式:

function 函数名 (参数){

//JavaScript语句

[return 返回值]

}

常见事件

onload:	一个页面或一幅图像完成加载
onlick:	鼠标单击某个对象
onmouseover:	鼠标指导移动到某元素上
onkeydown:	某个键盘按键被按下
onchange:	域的内容被改变

 

Window对象常用属性

history:	有关客户访问过的URL(网址)的信息
location:	有关当前URL(网址)的信息
screen:	只读属性,包含有关客户端显示屏幕的信息

 

属性的语法格式:

Window.属性名=”属性值”

Window对象的常用方法

prompt():	显示可提示用户输入的对话框
alert():	显示一个带有提示信息和一个”确定”按钮的警示对话框
confirm():	显示一个带提示信息,”确定”和”取消”按钮的对话框
close():	关闭浏览器窗口
open():	打开一个新的浏览器窗口,加载给定URL(网址)所指定的文档
setTimeout():	在指定毫秒数后调用函数或计算表达式,( 只能执行一次)
setInterval():	按照指定的周期(以毫秒记)来调用函数或表达式,( 循环执行)

 

 

窗口的特征:

height,width	窗体文档显示区的高度,宽度,以像素记(px)
left,top	窗口的X坐标,Y坐标,以像素记(px)
toolbar=yes|no|1|0	是否显示浏览器的工具栏,默认是yes
scrollbars=yes|no|1|0	是否显示滚动条,默认是yes
location=yes|no|1|0	是否显示地址栏,默认是yes
status=yes|no|1|0	是否添加状态栏,默认是yes
menubar=yes|no|1|0	是否显示菜单栏,默认是yes
resizable=yes|no|1|0	窗体是否可调节尺寸,默认是yes
titlebar=yes|no|1|0	是否显示标题栏,默认是yes
fullscreen=yes|no|1|0	是否使用全屏模式显示浏览器,默认是yes

history对象的方法:

back()	加载history对象列表中的前一个URL
forward()	加载history对象列表中的后一个URL
go()	加载history对象列表中的某个具体URL

location对象

属性

host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL

方法

reload()	重新加载当前文档
replace()	用新的文档替换当前文档

Document对象

常用属性

referrer	返回载入当前文档的URL
URL	返回当前文档的URL

常用方法:

getElementById()	返回对拥有指定id的第一个对象的引用
getElementsByName()	返回带有指定名称的对象的集合
getElementsByTagName()	返回带有指定标签名的对象的集合
write()	向文档写文本,HTML表达式或JavaScript代码

Date对象常用方法

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日)以来的毫秒数

Math对象常用方法

Ceil():	对数进行上舍入	Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-25
Floor():	对数进行下舍入	Math.ceil(25.5);返回25 Math.ceil(-25.5);返回-26
Round():	把数四舍五入为最接进的数	Math.ceil(25.5);返回26 Math.ceil(-25.5);返回-26
Random():	返回0~1中的随机数

节点属性

parentNode:	返回节点的父节点
childNodes:	返回子节点集合,childNodes[i]
firstChild:	返回节点的第一个子节点
lastChild:	返回节点的最后一个子节点
nextSiBling:	下一个节点
previousSibling:	上一个节点

Element属性

firstElementChild:	返回节点的第一个子节点
lastElementChild:	返回节点的最后一个子节点
nextElementSiBling:	下一个节点
previousElementSibling:	上一个节点

节点类型

节点类型	NodeType值
元素Element:	1
属性attr:	2
文本text:	3
注释comments:	8
文档document:	9

获取或改变节点的属性

getAttribute(“属性名”)	用来获取属性的值
set Attribute(“属性名”,”属性值”)	用来设置属性的值

创建和插入节点

createElement(tagName)	创建一个标签为tagName的新元素节点
A.appendChild(B)	把B节点追加至A节点的末尾
insertBefore(A,B)	把A节点插入B节点之前
cloneNode	复制某个指定的节点

删除和替换节点

removeChild(node)	删除指定的节点
replaceChild(newNode,oldNode)	用其他的节点替换指定的节点

Style对象的常用属性

类别	属性	描述
background(背景)	backgroundColor	设置元素的背景颜色
	backgroundImage	设置元素的背景图像
	backgroundRepeat	设置是否及如何重复背景图像
Text(文本)	fontSize	设置元素的字体大小
	fontWeight	设置字体的粗细
	textAlign	排列文本
	textDecoration	设置文本的修饰
	font	设置同一行字体的属性
	color	设置文本的颜色
padding(边距)	padding	设置元素的填充
	paddingTop paddingBottom paddingLeft paddingRight	设置元素的上,下,左,右填充
border(边框)	border	设置四个边框的属性
	borderTop borderBottom borderLeft borderRight	设置上,下,左,右边框的属性

常用事件

onclick	当用户单击某个对象时调用事件
onmouseover	鼠标移到某元素之上
onmouseout	鼠标从某元素移开
onmousedown	鼠标按钮被按下

设置或返回元素的class样式

HTNL元素.className=”样式名称”

获取元素样式

HTML元素.style.样式属性

HTML元素.currentStyle.样式属性

HTML中的元素属性

offsetLeft	返回当前元素左边界到它上级元素的左边界的距离,只读属性
offsetTop	返回当前元素上边界到它上级元素的上边界的距离,只读属性
offsetHeight	返回元素的高度
offsetWidth	返回元素的宽度
offsetParent	返回元素的偏移容器,即对最近的动态定位的包含元素的引用
scrollTop	返回匹配元素的滚动条的垂直位置
scrollLeft	返回匹配元素的滚动条的水平位置
clientWidth	返回元素的可见宽度
clientHeight	返回元素的可见高度