配色: 字号:
网页制作基本知识
2014-01-12 | 阅:  转:  |  分享 
  
JAVASCRIPT常用内置对象JavaScript是一种解释型的、面向对象的编程语言(OOP)。包含了很多内置JavaScript
对象:字符串、日期、数组、逻辑、算术等。JavaScript中的对象是由属性(properties)和方法(methods)两个
基本元素构成。前者是指与对象有关的值;后者是对象可以执行的行为。字符串内置对象方法1.big()用法:stri
ngObject.big()。Vara=“abca”;
varb=“def”;
a.big()_;作用:将字符串显示为大号字体。2.blink()用法:stringObject.blink(
)。作用:将字符串设置为闪动效果。3.bold()用法:stringObject.bold()。A.bold()
;作用:将字符串设置为粗体。4.charAt()用法:stringObject.charAt(index)作
用:返回字符串指定位置的字符。5.CharCodeAt()用法:stringObject.charCodeAt(i
ndex)。作用:返回字符串指定位置字符的Unicode编码。6.concat()用法:stringObject
.concat(string1,string2,……,stringN)。作用:对字符串进行连接。7.fix
ed()用法:stringObject.fixedt()。作用:将字符串显示为打印机字体。8.fontc
olor()用法:stringObject.fontcolor(color)。作用:指定字符串字体颜色。
9.fontsize()用法:stringObject.fontsize(size)。作用:指定字符串字体的大小。
10.indexOf()用法:stringObject.indexOf(searchValue,fromIndex)。
作用:检索字符串中字符或子字符串在字符串中的位置,如果没有检索到要检索的字符串值,则返回-111.ita
lics()用法:stringObject.italics()。作用:将字符串显示为斜体字。12.las
tIndexOf()用法:stringObject.lastndexOf(searchValue,fromIndex)。作用:
检索一个指定的字符串值最后出现的位置,在字符串中指定位置从后向前搜索,如果没有检索到要检索的字符串值,则该方法返回-1。参见in
dexOf()的用法。13.link()用法:stringObject.link(url)作用:字符串显示为
超链接。14.localeCompare()用法:stringObject.localeCompare(target
Str)。作用:比较两个字符串,如果stringObject小于targetStr,则localeCompare()返
回小于0的数。如果stringObject大于targetStr,则返回大于0的数。如果两个字符串相等,或根据本地排
序规则没有区别,返回0。15.match()用法:stringObject.match(searchvalue)。
作用:查找指定的字符串,如果没有可匹配的值,则返回null。16.replace()用法:stringObject
.replace(targetString,newString)。作用:替换字符串中的某些字符。17.search(
)用法:stringObject.search(searchString)。作用:在字符串中找到指定字符或字符串位置。
18.slice()用法:stringObject.slice(start,end)。作用:将字符串的部分字符提取出来
,并返回剩余部分。19.small()用法:stringObject.small()。作用:将字符串显示为小号字体
。20.split()用法:stringObject.split(separator,howmany)。作用:
将字符串分割成字符串数组。21.strike()用法:stringObject.strike()。作用:用删除线
删除指定的字符串。22.sub()用法:stringObject.sub()。作用:将字符串显示为下标。
23.substr()用法:stringObject.substr(start,length)。作用:在字符串中抽取从
start开始的指定数目的字符。24.substring()用法:stringObject.substring(st
art,stop)。作用:抽取字符串中两个指定位置之间的字符。25.sup()用法:stringObject.su
p()。作用:为字符串添加上标。26.toLowerCase()用法:stringObject.toLowerC
ase()作用:将字符串转化为小写。27.toUpperCase()用法:stringObject.toUpper
Case()作用:将字符串转化为大写。28.toSource()用法:object.toSource()作用:
显示对象的源代码。29.toString()用法:stringObject.toString()作用:返回字符串。
30.valueOf()用法:stringObject.valueOf()。作用:返回字符串对象的原始值。
31.Constructor用法:object.constructor。作用:创建对象的引用。32.le
ngth用法:object.length作用:字符串长度。33.prototype用法:object.prot
otype.name=value。作用:允许向对象添加属性和方法。布尔型内置对象方法1.toSource()用
法:object.toSource()。作用:显示对象的源代码。2.toString()用法:booleanObj
ect.toString()。作用:将布尔型转换为字符串,并返回结果。vara=“1”,b=“2”;varc=a+b;c
=“ab”;3.valueOf()用法:booleanObject.valueOf()。作用:返回布尔对象的原
始值。数组内置对象方法1.concat()用法:arrayObject.concat(array1,array2
,……,arrayN)。作用:将一个或多个数组连接成一个数组。vara=newArray();实例化2.jo
in()用法:arrayObject.join(separator)。作用:将数组元素合并成一个字符串。3.pop
()用法:arrayObject.pop()。作用:删除并返回数组的最后一个元素。4.push()用法:arr
ayObject.push(newelement1,newelement2,....,newelementN)。作用:向数组的末
尾添加一个或更多元素,并返回新的长度值。5.reverse()用法:arrayObject.reverse()。
作用:将数组中的元素反向排列。5.reverse()用法:arrayObject.reverse()。作用:将数
组中的元素反向排列。6.shift()用法:arrayObject.shift()。作用:删除并返回数组的第一个
元素。7.slice()用法:arrayObject.slice(start,end)。作用:返回一个新的数组
,包含从start到end的arrayObject中的所有元素。8.sort()用法:arrayObje
ct.sort()。作用:对数组元素排序。9.splice()用法:arrayObject.splice(ind
ex,howmany,element1,.....,elementN)。作用:为数组删除并添加新元素。10.toS
tring()用法:arrayObject.toString()。作用:将数组转换为字符串,并返回结果。数学内置对象方法
1.abs(x)用法:Math.abs(x)。a=-1;Math.abs(a)=1;作用:返回数的绝对值。
2.acos(x)用法:Math.acos(x)。作用:返回数的反余弦值。3.asin(x)用法:Math.a
sin(x)。作用:返回数的反正弦值。4.atan(x)用法:Math.atan(x)。作用:返回数的反正切值
。5.atan2(y,x)用法:Math.atan2(y,x)。作用:计算两个变量的反正切值。6
.ceil(x)用法:Math.ceil(x)。作用:返回对一个数进行四舍五入后的值。7.cos(x)用法:M
ath.cos(x)。作用:返回数的余弦值。8.exp(x)用法:Math.exp(x)。作用:返回e为底的x
指数。9.floor(x)用法:Math.floor(x)。作用:返回四舍五入的最小值。10.log
(x)用法:Math.log(x)。作用:返回数的自然对数(底为e)。11.max(x,y………)用法:Math
.max(x...)。作用:返回参数中的最大值。12.min(x,y)用法:Math.min(x….)。作用:
返回参数中的最小值。13.pow(x,y)用法:Math.pow(x,y)。作用:返回x的y次幂。14
.random()用法:Math.random()。作用:返回0至1的随机函数。15.round(x)用法:
Math.round(x)。作用:对数进行四舍五入后取整。16.sin(x)用法:Math.sin(x)。作用:
返回数的正弦值。17.sqrt(x)用法:Math.sqrt(x)。作用:返回数的平方根。18.tan
(x)用法:Math.tan(x)。作用:返回数的正切值。19.valueOf(x)用法:mathObject
.valueOf()。作用:返回一个Math对象的原始值。日期内置对象方法1.Date()用法:Date
()。作用:返回当天的时间日期。2.getDate()用法:dateObject.getDate()。作用:返
回当月中的第几天,返回值为1至31,且该方法需要与Date对象配合使用。3.getDay()用法:dateObje
ct.getDay()。作用:返回一周中的第几天,返回值为0至6,该方法需要与Date对象配合使用。4.getMo
nth()用法:dateObject.getMonth()。作用:返回当前的月份,返回值为0至11,且该方法需要与Date对象
配合使用。5.getFullYear()用法:dateObject.getFullYear()。作用:返回一个表
示年份的4位数字。6.getYear()用法:dateObject.getYear()。作用:返回表示年份的
两位或四位的数字。7.getHours()用法:dateObject.getHours()。作用:返回日期对象的
小时数,即返回值是0(午夜零点)到23(晚上11点)之间的一个整数。8.getMinutes()用法
:dateObject.getMinutes()作用:返回日期对象的分钟数,返回值是0~59之间的一个整数。
9.getSeconds()用法:dateObject.getSeconds()。作用:返回日期对象的秒数,返回值是0~
59之间的一个整数。10.getMilliseconds()用法:dateObject.getMilliseco
nds()。作用:返回日期对象的毫秒数,返回值是0~999之间的一个整数。11.getTime()用法:d
ateObject.getTime()。作用:返回自1970年1月1日午夜零点到现在的毫秒数。12.getTime
zoneOffset()用法:dateObject.getTimezoneOffset()。作用:返回本地时间和格林威治时间之
间的时差,以分钟为单位。13.getUTCDate()用法:dateObject.getUTCDate()。作用:
根据国际时间确定返回Date对象是月中的第几天,返回值为1至31。14.getUTCDay()用法:dateObje
ct.getUTCDay()。作用:根据国际时间返回Date对象的星期数,返回值为0至6。15.getUTCMont
h()用法:dateObject.getUTCMonth()。作用:根据国际时间返回Date对象的现在月份,返回值为0至11
。16.getUTCFullYear()用法:dateObject.getUTCFullYear()。作用:根据国
际时间返回Date对象的完整4位数年份。17.getUTCHours()用法:dateObject.getUTCHo
urs()。作用:根据国际时间返回Date对象的小时,返回值为0至23。18.getUTCMinutes()用法:
dateObject.getUTCMinutes()。作用:根据国际时间返回Date对象的分钟,返回值为0-59。
19.getUTCSeconds()用法:dateObject.getUTCSeconds()。作用:根据国际时间返回Dat
e对象的秒数,返回值为0至59。20.getUTCMilliseconds()用法:dateObject.getUT
CMilliseconds()。作用:根据国际时间返回Date对象的毫秒,返回值为0至999。21.parse(
)用法:Date.parse(datestring)作用:返回自1970年1月1日午夜零点至指定日期的毫秒数。22
.setDate()用法:dateObject.setDate(day)。作用:设定Date对象的某一日。23.
setMonth()用法:dateObject.setMonth(month,day)作用:设置Date对象的月份。
24.setFullYear()用法:dateObject.setFullYear(year,month,day)。作用:设
置Date对象的年份。25.setYear()用法:dateObject.setYear(year)。作用:设
置Date对象的年份。26.setHours()用法:dateObject.setHours(hour,min,se
c,millisec)。作用:设置Date对象的小时数。27.setMinutes()用法:dateObject
.setMinutes(min,sec,millisec)。作用:设置Date对象的分钟数。28.setSecon
ds()用法:dateObject.setSeconds(sec,millisec)。作用:设置Date对象的秒数。
29.setMilliseconds()用法:dateObject.setMilliseconds(millisec)。
作用:设置Date对象的毫秒数。30.setTime()用法:dateObject.setTime(millise
c)。作用:要设置的日期和时间据GMT时间1997年1月1日午夜之间的毫秒数。31.setUT
CDate()用法:dateObject.setUTCDate(day)。作用:根据国际日设定某一天。32.
setUTCMonth()用法:dateObject.setUTCMonth(month,day)。作用:根据国际日设置Da
te对象的月份。33.setUTCFullYear()用法:dateObject.setUTCFullYear(
year,month,day)。作用:根据国际日设置Date对象的年份。34.setUTCHours()用法:
dateObject.setUTCHours(hour,min,sec,millisec)。作用:根据国际日设置Date对象的小
时。35.setUTCMinutes()用法:dateObject.setUTCMinutes(min,sec,m
illisec)。36.setUTCSeconds()用法:dateObject.setUTCSeconds(se
c,millisec)。作用:根据国际日来设置Date对象的秒数。37.setUTCMilliseconds(
)用法:dateObject.setUTCMilliseconds(millisec)。作用:根据国际日设置Date对象的毫
秒数。38.toString()用法:dateObject.toString()。作用:将Date对象转换为
字符串。39.toGMTString()用法:dateObject.toGMTString()。作用:根据格林
威治时间把Date对象转换为字符串,并返回结果。40.toUTCString()用法:dateObject.toU
TCString()。作用:根据国际时间把Date对象转换为字符串,并返回结果。41.toLocaleString
()用法:dateObject.toLocaleString()。作用:根据本地时间把Date对象转换为字符串。并返回结果。
42.UTC()用法:Date.UTC(year,month,day,hours,minutes,seconds,m
s)。作用:根据国际时间计算,为从1970年1月1日午夜至今所经过的时间,以毫秒为单位。43.valueOf()用
法:dateObject.valueOf()作用:返回日期对象的原始值。14.10校验通常情况下,用户通过submit
按钮提交表单,收集的信息发送到Web服务器上。JavaScript可用来在数据被送往服务器前对HTML表单中的输入数据进行验证。
验证表单中的数据主要包括:?表单的是否为空。?表单的输入日期是否合法。?密码表单于确认密
码表单是否一致。?用户名和密码表单与数据库注册密码是否一致。?Email表单的输入是否合法。14.
11JavaScript事件JavaScript的程序使用事件驱动模型进行网页的动态交互。网页中的每个元素都可以产生某些可以触
发JavaScript函数的事件,发生事件的类型不同,生成事件类型也不同。JavaScript包括以下事件:?on
abort中断图像加载时触发?onbur元素失去焦点时触发?onchange用户改变元素值时触发
?onclick鼠标单击对象时触发?ondblclick鼠标双击对象时触发?onerror装载
图像过程中出现错误时触发?onfocus元素获得焦点时触发?onkeydown键盘键,返回false取
消默认动作时触发?nkeypress按下或按住键盘键,响应几个键的组合时触发?onkeyup释放键盘键
时触发14.11JavaScript事件?onload加载某个页面、图像或文件时触发?onmou
sedown按下鼠标按键时触发?onmousemove移动鼠标时触发?onmouseout鼠标从某元素
上移开时触发?onmouseover鼠标被移到某个元素之上时触发?onmouseup释放鼠标键时触发
?onreset单击表单请求的重置按钮时触发?onresize调整窗口或框架的尺寸时触发?
onselect选中文本时触发?onsubmit单击表单提交按钮时触发?onunload退出页面时触发
14.12Cookie脚本cookie是存储于客户端浏览器的信息,可以记录用户的用户名、密码、以及浏览的网页和日期等信息。例
如,当用户首次访问某些需要动态交互的网页时(典型的是在注册/登录论坛中使用),需要填写用户名和密码,用户名和密码将存储在客户端的c
ookie中。当再次访问该网页时,用户名和密码会从cookie中取出,这样可以提高效率,给用户带来方便。但是,这就对系统的安全性提
出了较高的要求。cookie中的内容大多数经过了加密处理,因此一般用户看到的只是一些毫无意义的字母数字组合,只有服务器的处理程序才
知道它们真正的含义。Cookie的属性cookie是Document对象的属性,可以对网页的cookie进行创建操作、读取
操作、修改操作以及删除操作。cookie包含了4个可选属性expires、path、domain、secure,分别控制它的生存周
期、可见性、安全性。?expires用于指定cookie生存周期,默认情况下,cookie是暂存的,也就是说当关闭浏
览器后信息值将消失,可以使用expires指定cookie的终止信息的时间,一旦超过了这个终止时间,cookie将存储在cooki
e中的信息删除。?path用于指定与cookie关联在一起的网页。取值可以是一个目录或路径。?dom
ain用于指定有效域名。?secure指定了cookie的值如何在用户和服务器间传递。Cookie的存储、读取和
删除1.Cookie的存储functionsetCookie(c_name,value,expiredays)
{varexdate=newDate()exdate.setDate(exdate.getDate()+expireday
s)document.cookie=c_name+"="+escape(value)+((expiredays==null
)?"":";expires="+exdate.toGMTString())}2.Cookie的读取
functiongetCookie(c_name){if(document.cookie.length>0){
c_start=document.cookie.indexOf(c_name+"=")if(c_start!=-1)
{c_start=c_start+c_name.length+1c_end=document.cookie.indexOf(";",c_start)if(c_end==-1)c_end=document.cookie.lengthreturnunescape(document.cookie.substring(c_start,c_end))}}return""}Cookie的存储、读取和删除3.Cookie的删除functiondelCookie(c_name,value){varexdate=newDate()exdate.setTime(exdate.getTime()-1)document.cookie=c_name+"="+escape(value)+";expires="+exdate.toGMTString()}http://www.zhejiang5d.comhttp://www.010youhua.comhttp://www.hr678.comhttp://www.jiuquan123.comyyyhttp://www.zhejiang5d.comhttp://www.010youhua.comhttp://www.hr678.comhttp://www.jiuquan123.comyyyhttp://www.zhejiang5d.comhttp://www.010youhua.comhttp://www.hr678.comhttp://www.jiuquan123.comyyy
献花(0)
+1
(本文系mgxbyhzhch首藏)