JavaScript语法（2）

  

11 、设置表单不同效果

将单选按钮作为链接使用

<input type=”radio” name=”radio对象名” value=”值” onClick=”脚本/函数”>

将按钮作为链接使用

<input type=”button” name=”button对象名” value=”值” onClick=”脚本/函数”>

将菜单作为链接使用

<select name=”select对象名” οnchange=”脚本/函数”>

<option>…

</select>

表单对象名.select选取对象名.selectedIndex

使文字在表单中滚动

document.框架名.表单名.text对象名.value

检查表单的内容变化

onChange=”脚本/函数”

确认是否可以重置

onReset=”脚本/函数”

选择上传文件

<input type=”file” name=”file对象名”>

document.表单名.file对象名.value

file对象是用来选择上传文件的框架，在单击“浏览”按钮之后，就可以在弹出的对话框中浏览本地的目录，选择了文件之后，在文本框中会显示出文件

file对象仅能够选择上传的文件

察看表单对象的类型

document.表单对象名.element[i].type

type属性用来但会表单对象的类型

12 、设置图像映射区域

单击映射区域之后弹出对话框

<map name=”名字” shape=形状 cords=坐标区域 href=”javascript：脚本/函数”>

当指定的突袭那个映射链接的范围被单击时，就会启动函数

在表单中显示说明信息

onMouseOver=”脚本/函数”

onMouseOut=”脚本/函数”

当鼠标指针移动到指定区域内的时候，会捕获onMouseOver事件

当鼠标指针离开指定区域外的范围时，会捕获onMouseOut事件

13 、设置网页中的图像

获取图像信息

document.对象名.border

document.对象名.complete

document.对象名.height

document.对象名.hspace

document.对象名.lowsrc

document.image[索引].src

document.image[索引].vspace

document.image[索引].width

Image对象可以制作网页上的图像从0开始的序列。Image对象的信息除了可以参照<img>内设置的name以外，还可以参照序列

border属性带有边框的值。complete属性中的值表现为，如果图像家在完毕后就返回ture；如果没有夹在完毕就返回false。height属性带有图像高度的值。hspace属性带有与文档水平方向间隔的值。lowsrc属性带有正式图像显示之前显示的低清晰度的图像的URL。src属性带有图像文件的URL。vspace属性带有与文档垂直方向距离的值。width属性带有图像宽度的值

将图像制作成动画

对象名=new Image()

document.对象名.src

利用src属性的值在设置完之后还可以改变这个特性，能够实时替换多幅图像，从而做出动画效果

给动画添加开始按钮和结束按钮

clearTimeout(ID)

关于clearTimeout()方法的设置，要用“ID名=setTimeout()”为setTimeout()方法设置ID，这个ID要在clearTimeout(ID名)方法中进行设置

改变其他框架中的图像

parent.图像所在的框架名.document.image[索引].src

显示图像下载状态

onAbort=”脚本/函数”

onError=”脚本/函数”

onLoad=”脚本/函数”

事件处理程序onAbort是在下载图像的过程中单击了“停止”按钮后，停止导入时发生的事件

事件处理程序onError是当图像导入错误时发生的事件

事件处理程序onLoad是图像导入完成时发生的事件

返回alt 的值

document.all（对象名）.alt

改变图像和文字的水平对齐方式

document.all（对象名）.align=”left/right”

改变图像和文字的垂直对齐方式

document.all（对象名）.align=”top/middle/bottom”

改变图像的高度和宽度

document.all（对象名）.width

document.all（对象名）.height

13 、获取图层相关信息

获取图层信息

document.对象名

document.layers.对象名

document.layers[对象名]

document.layers[索引]

document.layers[对象名]name

document.layers[对象名].left

document.layers[对象名].top

document.layers[对象名].pageX

document.layers[对象名].pageY

document.layers[对象名].zindex

document.layers[对象名].vosibility

Layer对象是document对象的属性

name属性具有<layer>内name属性指定的layer对象名。

left属性具有离开网页或者主图层左上角X轴位置上的值

top属性具有离开网页或者主图层左上角Y轴位置上的值

pageX属性具有离开网页或者主图层左上角X轴位置上的值

pageY属性具有离开网页或者主图层左上角Y轴位置上的值

zindex属性具有图层轴上的值

visibility属性具有图层的可视性属性的值

如果是主图层，就参照离开网页左上角的位置，因此，left属性和pageX属性是相同的，top属性和pageY属性也是相同的

这些属性是可以改变的，在网页上显示之后，通过改变这些值，就可以移动图层或者改变可视属性

获取子图层信息

document.layers[对象名]. layers[对象名]

document.layers对象名. layers对象名

document.layers[索引]. layers[索引]

document.layers[父图层名]. layers[子图层名].name

document.layers[父图层名]. layers[子图层名].left

document.layers[父图层名]. layers[子图层名].top

document.layers[父图层名]. layers[子图层名].pageX

document.layers[父图层名]. layers[子图层名].pageY

document.layers[父图层名]. layers[子图层名].zIndex

document.layers[父图层名]. layers[子图层名].visibility

在子图层的情况下，left属性和top属性都具有以主图层左上角为基准的图层的值，pageX属性和pageY属性都具有以网页左上角图层为基准的图层位置的值

获取在图层上发生事件的位置

事件.layerX 图层上X轴的值

事件.layerY 图层上Y轴的值

event对象的layerX属性和layerY属性具有在事件发生的图层上的X轴和Y轴的值

14 、操作样式表

获取样式表的相关信息

document.all(对象名).style.left

document.all(对象名).style. top

document.all(对象名).style.width

document.all(对象名).style.height

left属性具有离开窗口区域或者主样式表左上角的子样式表左上角的位置

top属性具有离开窗口区域或者主样式表左上角的子样式表左上角的位置

width属性具有样式表的宽度值

height属性具有样式表的高度值

获取子样式表的信息

document.all(对象名). all(对象名).style.left

document.all(对象名). all(对象名).style.top

document.all(对象名). all(对象名).style.width

document.all(对象名). all(对象名).style.height

改变样式表的剪裁尺寸

document.all(对象名).style.clip=”rect(上，右，下，左)”

显示和隐藏样式表

    document.all(对象名).style.visibility=”visible/hidden”

样式表的可视属性是由visibility中设置的值来控制的

移动样式表

    document.all(对象名).style.left=”像素”

将样式表移动到单击的位置

document.all(对象名).style.left=”像素”

document.all(对象名).style.top=”像素”

15 、设置日期和时间属性

显示年月日时分秒

对象名=new Date()

对象名.getYear()

对象名.getMonth()

…

now=new Date()从机器系统事件中获取的当前时间的对象

显示星期

对象名=new Date()

对象名.getDay()

显示国际标准时间和本地时间

对象名=new Date()

对象名.toGMTString()：将日期和时间转换成GMT形式的字符串

对象名.toLocaleString()：将日期和时间转换成本地时间的字符串

对象名.getTimezoneOffset()：返回GMT标准时间与本地时间的差值

更改日期

对象名=new Date(“月 日，年 时：分：秒”)

对象名.getTime()

对象名.setTime()

setTime()方法可以以毫秒为单位来设置日期和时间

设置年月日时分秒

对象名=new Date(“月 日，年 时：分：秒”)

对象名.setYear()

…

用四位数显示/ 设置阳历年份

对象名.getFullYear()

对象名.setFullYear()

显示/ 设置毫秒

对象名.getMillisecond()

对象名.setMillisecond()

显示/ 设置UTC

获取/设置全球标准时间的方法

16 、数学运算

Math.E：自然对数的底

Math.LN2：以e为底2的自然对数

Math.LN10：以e为底10的自然对数

Math.LOG2E：以2为底的自然对数

Math.LOG10E：以10为底的自然对数

Math.PI：圆周率的数值

Math.SQRT1_2：返回1/2的平方根

Math.SQRT2：返回2的平方根

Math.abs(n)：绝对值

Math.round(n)：四舍五入后的数值

Math.min(x,y)：返回较小的值

Math.max(x,y)：返回较大的值

Math.floor(n)：返回最接近的最小整数

Math.ceil(n)：返回最接近的最大整数

Math.pow(n,m)：返回n的m次方

Math.atan2(x,y)：以x,y坐标为基准返回角度

Math.sqrt(n)：返回平方根

Math.exp(n)：返回对数

Math.sin(n)：返回正玄

Math.cos(n)：返回余玄

Math.tan(n)：返回正切

Math.asin(n)：返回反正玄

Math.acos(n)：返回反余玄

Math.atan(n)：返回反正切

Math.random()：返回0~1的随机数

17 、操作字符串

    字符串.fontcolor(“指定颜色”)：设置文字颜色

字符串.big()：增大字号

字符串.small()：减小字号

字符串.fontsize(n)：指定字号

字符串.bold()：设置黑体字

字符串.italics()：设置斜体字

字符串.strike()：设置添加删除线的文字

字符串.sup()：设置上标文字

字符串.sub()：设置下标文字

字符串.fixed()：设置等宽文字

字符串.blink()：设置文字的忽隐忽现效果

字符串.link(URL)：制作链接

字符串.anchor(“锚点名”)：设置锚

字符串.toLowerCase()：将大写字母转换成小写字母

字符串.toUpperCase()：将小写字母转换成大写字母

字符串.split(分隔字符串)：分隔后的字符串变成了从0开始的序列

字符串.charAt(n)：提取第n个文字

字符串.substring(n,m)：提取字符串中的文字

字符串.substr(n,m)：提取字符串中从第n个字符开始的m个文字

字符串.indexOf(搜索对象字符串，[搜索的起始位置])：从起始处开始搜索字符串

字符串.lastIndexOf(搜索对象字符串，[搜索的起始位置])：从结尾处开始搜索字符串

字符串.charCodeAt(n)：返回指定文字的Ascii码

将Ascii码转化成字符串：String.fromCharCode(Ascii码，Ascii码，…)

18 、设置不同的输出效果

利用Array 对象显示日期

array对象名=new Array(序列的数目)

将数组元素以字符串形式输出

array对象名=new Array(第0个元素，第1个元素，…)

对象名.join()

利用join()方法可以将数组元素转化成字符串

指定了join(字符串)之后，当想分开标签的时候，要在括号内添加字符串

如果什么也不指定，各个元素之间就用(，)隔开

将数组元素逆向排列

对象名.reverse()

将数组元素按指定方式排序

对象名.sort(比较函数)

当没有指定比较函数的时候，按照字母表顺序排序

19 、操作函数对象

制作新函数

对象名=new Function([参数1，参数2，…],function的作用)

参照在什么位置调用函数

对象名.caller

将函数内容作为序列输出

对象名.arguments.length

对象名.arguments.callee

对象名.arguments[索引]

调用不同的对象

对象名.call(this,参数，参数…)

20 、设置不同对象效果

制作新对象1：对象名=new Object()

制作新对象2：对象名={属性1：值1，属性2：值2，…}

设置真和假的值：对象名=new boolean()

制作数值：对象名=new Number()

可以使用的数值范围：对象名.MAX_VALUE，对象名.MIN_VALUE，

21 、利用公用属性和方法

获取对象（序列的数目）：length

给对象命名：name

制作新的属性：prototype prototype属性可以在用new运算符号制作的对象中添加属性

将对象转化成字符串：toString()

转换成n进制数值：toString(n)

返回对象内的值：valueOf()

将对象内的值转化为字符串：toSourse()

打印窗口（框架）：对象名.print()

设置每个一段时间重复程序：setInterval(程序，设置时间)；clearInterval()