JavaScript语法(2)

原创 2007年10月03日 20:12:00
  
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()

相关文章推荐

Javascript2-基础语法

  • 2013年11月14日 23:19
  • 1.6MB
  • 下载

【知识整理】javascript基础语法总结(2)——数据类型转换和运算符

一.数据类型转换:(js是弱类型编程语言);    1.声明变量时,不用考虑变量中将要存储的数据类型;    2. 赋值时,由系统自动动态判断数据的类型;(注:因为是动态判断同一个变量,先后可保存不同...

Python和JavaScript在语法上的区别[2]

定义函数 在Js中声明函数是通过function 关键字,在python中,是通过def关键字,def的英文全称为define,在函数的块级中,Js是通过{}符合进行打包,而python则是使用:进行...

javaScript基础语法01-上下2部分

javaScript基础语法01 /* 这里是多行注释 javascript代码可以放在任何地方和位置都可以,一般放在head标签里面,javascript代码放在head标签中不利于搜索引擎搜索到...
  • czh500
  • czh500
  • 2017年05月02日 21:05
  • 192

[2] CSS&javascript(基本语法及使用)

一、     CSS概述 1、CSS是什么?  * CSS (CascadingStyle Sheets)指层叠样式表 2、CSS有什么作用?       *CSS就是用来修饰HTML 3...

韩顺平 javascript教学视频_学习笔记2_js运行原理_js开发工具介绍_js程序(hello)_js基本语法

js运行原理 js运行原理和Html的运行原理一样,在韩顺平老师《PHP从入门到精通》教学视频里有详细的解释 以js嵌入到html为例说明: 本地运行 远程访问运行 万维网(www)...

Javascript高级程序设计——2.语法、关键保留字、变量

1、语法构成 (1)区分大小写      解析:在ECMAScript中的一切,包括变量、函数名、操作符都是区分大小写的   示例1—— text、Text是两种不同的变量。 (2)...
  • zxy9602
  • zxy9602
  • 2016年11月19日 16:34
  • 191

2. javascript基本语法

javascript基本语法2 引用类型------数组

数组:            在javascript中数组也是一种对象。           特点:                     “数组”即一组数据的集合。                ...

javascript学习记录2—运行,开发工具,helloworld,基本语法

一:js运行相关知识 1. 服务器端发送html/js文件到浏览器。 2. 要支持W3C规范。 3. js是基于对象和事件驱动的,是跨平台的。二:js开发工具 1. notepad,ecli...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript语法(2)
举报原因:
原因补充:

(最多只允许输入30个字)