设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

javascript语法(2)

上一篇上一篇 | 下一篇下一篇发表时间:2007-10-22 9:17:53
11、设置表单不同效果
将单选按钮作为链接使用
<input type=”radio” name=”radio对象名” value=”值” onclick=”脚本/函数”>
将按钮作为链接使用
<input type=”button” name=”button对象名” value=”值” onclick=”脚本/函数”>
将菜单作为链接使用
<select name=”select对象名” onchange=”脚本/函数”>
<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()
[本日志由 ui163 于 2007-10-22 9:17:53 编辑]
上一篇上一篇:关于DOM事件模型的两件事
下一篇下一篇:JavaScript使IE的经典异常 代码
文章来自:设计学院
收藏到网摘: 收藏到QQ书签
Tags:

相关内容

网站建设导航→

相关内容

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号