web前端知识点汇总

上传人:沈*** 文档编号:90447149 上传时间:2022-05-15 格式:DOC 页数:76 大小:190.50KB
收藏 版权申诉 举报 下载
web前端知识点汇总_第1页
第1页 / 共76页
web前端知识点汇总_第2页
第2页 / 共76页
web前端知识点汇总_第3页
第3页 / 共76页
资源描述:

《web前端知识点汇总》由会员分享,可在线阅读,更多相关《web前端知识点汇总(76页珍藏版)》请在装配图网上搜索。

1、-正则表达search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。varstr =Visit w3cschool;varn = str.search(/w3cschool/i);replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。var str =Visit Microsoft!; varres = str.replace(/microsoft/i,w3cschool);Macth) 方法match() 方法可在字符串检索指定的值,或找到一个或多个正则表达式的匹配。页面显示的是字符串里面符合跳

2、出来转化为数组的形式var str=sdf e443 fedef 55 66gg 333322312 dff 99;var re=/d+/g;alert(str.match(re);var str=1b2 abc 1c2 ee;/或者a78 只解读其中的以为不能加空格 不然 会看成 空格也算筛选项 a 意思是指除了a以外都行0-9是指 0到9中的任意一位 a-z同样 0-9a-zA-Z是指 其中以为 对于 或者还有这样操作 /啊哈|哈哈|哈哈/也是只 或者 一位var re=/1abc2/g;意思是指12中间有其中的一位就行 d 是 0-9的简写i 不区分大小写 g 全局搜索正则的使用方法 v

3、ar re=规则string.replace(re,)if(re.test(re)ture;/var re=/1a2|1b2|1c2/gi; alert(str.match(re);/s*$/匹配空行。/d2-d5/验证由两位数字、一个连字符再加 5 位数字组成的 ID 号。/*)sS*/匹配 HTML 标记。下表包含了元字符的完整列表以及它们在正则表达式上下文中的行为:字符说明将下一字符标记为特殊字符、文本、反向引用或八进制转义符。例如,“n匹配字符“n。“n匹配换行符。序列“匹配“,“(匹配“(。匹配输入字符串开场的位置。如果设置了RegE*p对象的Multiline属性, 还会与“n或“

4、r之后的位置匹配。$匹配输入字符串结尾的位置。如果设置了RegE*p对象的Multiline属性,$ 还会与“n或“r之前的位置匹配。*零次或屡次匹配前面的字符或子表达式。例如,zo* 匹配“z和“zoo。* 等效于 0,。+一次或屡次匹配前面的字符或子表达式。例如,“zo+与“zo和“zoo匹配,但与“z不匹配。+ 等效于 1,。零次或一次匹配前面的字符或子表达式。例如,“do(es)匹配“do或“does中的“do。 等效于 0,1。nn是非负整数。正好匹配n次。例如,“o2与“Bob中的“o不匹配,但与“food中的两个“o匹配。n,n是非负整数。至少匹配n次。例如,“o2,不匹配“Bo

5、b中的“o,而匹配“foooood中的所有 o。“o1,等效于“o+。“o0,等效于“o*。n,mM和n是非负整数,其中n=m。匹配至少n次,至多m次。例如,“o1,3匹配“fooooood中的头三个 o。o0,1 等效于 o。注意:您不能将空格插入逗号和数字之间。当此字符紧随任何其他限定符*、+、n、n,、n,m之后时,匹配模式是“非贪心的。“非贪心的模式匹配搜索到的、尽可能短的字符串,而默认的“贪心的模式匹配搜索到的、尽可能长的字符串。例如,在字符串“oooo中,“o+只匹配单个“o,而“o+匹配所有“o。.匹配除“n之外的任何单个字符。假设要匹配包括“n在的任意字符,请使用诸如“sS之类

6、的模式。(pattern)匹配pattern并捕获该匹配的子表达式。可以使用$0$9属性从结果“匹配集合中检索捕获的匹配。假设要匹配括号字符 ( ),请使用“(或者“)。(:pattern)匹配pattern但不捕获该匹配的子表达式,即它是一个非捕获匹配,不存储供以后使用的匹配。这对于用“or字符 (|) 组合模式部件的情况很有用。例如,industr(:y|ies) 是比 industry|industries 更经济的表达式。(=pattern)执行正向预测先行搜索的子表达式,该表达式匹配处于匹配pattern的字符串的起始点的字符串。它是一个非捕获匹配,即不能捕获供以后使用的匹配。例如,

7、Windows (=95|98|NT|2000) 匹配“Windows 2000中的“Windows,但不匹配“Windows 3.1中的“Windows。预测先行不占用字符,即发生匹配后,下一匹配的搜索紧随上一匹配之后,而不是在组成预测先行的字符后。(!pattern)执行反向预测先行搜索的子表达式,该表达式匹配不处于匹配pattern的字符串的起始点的搜索字符串。它是一个非捕获匹配,即不能捕获供以后使用的匹配。例如,Windows (!95|98|NT|2000) 匹配“Windows 3.1中的 “Windows,但不匹配“Windows 2000中的“Windows。预测先行不占用字符

8、,即发生匹配后,下一匹配的搜索紧随上一匹配之后,而不是在组成预测先行的字符后。*|y匹配*或y。例如,z|food 匹配“z或“food。(z|f)ood 匹配“zood或“food。*yz字符集。匹配包含的任一字符。例如,“abc匹配“plain中的“a。*yz反向字符集。匹配未包含的任何字符。例如,“abc匹配“plain中的“p。a-z字符围。匹配指定围的任何字符。例如,“a-z匹配“a到“z围的任何小写字母。a-z反向围字符。匹配不在指定的围的任何字符。例如,“a-z匹配任何不在“a到“z围的任何字符。b匹配一个字边界,即字与空格间的位置。例如,“erb匹配“never中的“er,但不

9、匹配“verb中的“er。B非字边界匹配。“erB匹配“verb中的“er,但不匹配“never中的“er。c*匹配*指示的控制字符。例如,cM 匹配 Control-M 或回车符。*的值必须在 A-Z 或 a-z 之间。如果不是这样,则假定 c 就是“c字符本身。d数字字符匹配。等效于 0-9。D非数字字符匹配。等效于 0-9。f换页符匹配。等效于 *0c 和 cL。n换行符匹配。等效于 *0a 和 cJ。r匹配一个回车符。等效于 *0d 和 cM。s匹配任何空白字符,包括空格、制表符、换页符等。与 fnrtv 等效。S匹配任何非空白字符。与 fnrtv 等效。t制表符匹配。与 *09 和

10、cI 等效。v垂直制表符匹配。与 *0b 和 cK 等效。w匹配任何字类字符,包括下划线。与“A-Za-z0-9_等效。W与任何非单词字符匹配。与“A-Za-z0-9_等效。*n匹配n,此处的n是一个十六进制转义码。十六进制转义码必须正好是两位数长。例如,“*41匹配“A。“*041与“*04&“1等效。允许在正则表达式中使用 ASCII 代码。num匹配num,此处的num是一个正整数。到捕获匹配的反向引用。例如,“(.)1匹配两个连续的一样字符。n标识一个八进制转义码或反向引用。如果 n前面至少有n个捕获子表达式,则n是反向引用。否则,如果n是八进制数 (0-7),则n是八进制转义码。nm

11、标识一个八进制转义码或反向引用。如果 nm前面至少有nm个捕获子表达式,则nm是反向引用。如果 nm前面至少有n个捕获,则n是反向引用,后面跟有字符m。如果两种前面的情况都不存在,则 nm匹配八进制值nm,其中n和m是八进制数字 (0-7)。nml当n是八进制数 (0-3),m和l是八进制数 (0-7) 时,匹配八进制转义码nml。un匹配n,其中n是以四位十六进制数表示的 Unicode 字符。例如,u00A9 匹配符号 ()。匹配中文字符的正则表达式: u4e00-u9fa5评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在):*00-*ff评注:可以用来计算

12、字符串的长度一个双字节字符长度计2,ASCII字符计1匹配空白行的正则表达式:ns*r评注:可以用来删除空白行匹配HTML标记的正则表达式:*.*|评注:网上流传的版本太糟糕,上面这个也仅仅能匹配局部,对于复杂的嵌套标记依旧匹配首尾空白字符的正则表达式:s*|s*$评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式匹配Email地址的正则表达式:w+(-+.w+)*w+(-.w+)*.w+(-.w+)*评注:表单验证时很实用匹配网址URL的正则表达式:a-zA-z+:/s*评注:网上流传的版本功能很有限,上面这个根本可以满足需求匹配是否合法(字母开头,允许5

13、-16字节,允许字母数字下划线):a-zA-Za-zA-Z0-9_4,15$评注:表单验证时很实用匹配国:d3-d8|d4-d7评注:匹配形式如 0 或 2匹配腾讯QQ号:1-90-94,评注:腾讯QQ号从10000开场匹配中国邮政编码:1-9d5(!d)评注:中国邮政编码为6位数字匹配:d15|d18评注:中国的为15位或18位匹配ip地址:d+.d+.d+.d+评注:提取ip地址时有用匹配特定数字:1-9d*$ /匹配正整数-1-9d*$ /匹配负整数-1-9d*$ /匹配整数1-9d*|0$ /匹配非负整数正整数 + 0-1-9d*|0$ /匹配非正整数负整数 + 01-9d*.d*|0

14、.d*1-9d*$ /匹配正浮点数-(1-9d*.d*|0.d*1-9d*)$ /匹配负浮点数-(1-9d*.d*|0.d*1-9d*|0.0+|0)$ /匹配浮点数1-9d*.d*|0.d*1-9d*|0.0+|0$ /匹配非负浮点数正浮点数 + 0(-(1-9d*.d*|0.d*1-9d*)|0.0+|0$/匹配非正浮点数负浮点数 + 0评注:处理大量数据时有用,具体应用时注意修正匹配特定字符串:A-Za-z+$/匹配由26个英文字母组成的字符串A-Z+$/匹配由26个英文字母的大写组成的字符串a-z+$/匹配由26个英文字母的小写组成的字符串A-Za-z0-9+$/匹配由数字和26个英文

15、字母组成的字符串w+$/匹配由数字、26个英文字母或者下划线组成的字符串在使用RegularE*pressionValidator验证控件时的验证功能及其验证表达式介绍如下:只能输入数字:“0-9*$只能输入n位的数字:“dn$只能输入至少n位数字:“dn,$只能输入m-n位的数字:“dm,n$只能输入零和非零开头的数字:“(0|1-90-9*)$只能输入有两位小数的正实数:“0-9+(.0-92)$只能输入有1-3位小数的正实数:“0-9+(.0-91,3)$只能输入非零的正整数:“+1-90-9*$只能输入非零的负整数:“-1-90-9*$只能输入长度为3的字符:“.3$只能输入由26个英

16、文字母组成的字符串:“A-Za-z+$只能输入由26个大写英文字母组成的字符串:“A-Z+$只能输入由26个小写英文字母组成的字符串:“a-z+$只能输入由数字和26个英文字母组成的字符串:“A-Za-z0-9+$只能输入由数字、26个英文字母或者下划线组成的字符串:“w+$验证用户密码:“a-zA-Zw5,17$正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。验证是否含有%&,;=$等字符:“%&,;=$*22+只能输入汉字:“u4e00-u9fa5,0,$验证Email地址:“w+-+.w+)*w+(-.w+)*.w+(-.w+)*$验证InternetURL:“(

17、w-+.)+w-+(/w-./%&=*)$验证:“(d3,4)|d3,4-)d7,8$正确格式为:“*-*,“*-*,“*-*,“*-*,“*,“*。验证号15位或18位数字:“d15|d18$验证一年的12个月:“(01-9|10-2)$正确格式为:“01-“09和“1“12验证一个月的31天:“(01-9)|(1|2)0-9)|30|31)$正确格式为:“01“09和“1“31。匹配中文字符的正则表达式: u4e00-u9fa5匹配双字节字符(包括汉字在):*00-*ff匹配空行的正则表达式:ns| *r匹配HTML标记的正则表达式:/.*|/匹配首尾空格的正则表达式:(s*)|(s*$)

18、匹配Email地址的正则表达式:w+(-+.w+)*w+(-.w+)*.w+(-.w+)*匹配网址URL的正则表达式:(w-+.)+w-+(/w- ./%&=*)(1)应用:计算字符串的长度一个双字节字符长度计2,ASCII字符计1String.prototype.len=function()return this.replace(*00-*ff/g,aa).length;(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来String.prototype.trim = function()return this.replace(/(s*)|(

19、s*$)/g, );(3)应用:利用正则表达式分解和转换IP地址function IP2V(ip) /IP地址转换成对应数值re=/(d+).(d+).(d+).(d+)/g /匹配IP地址的正则表达式if(re.test(ip)return RegE*p.$1*Math.pow(255,3)+RegE*p.$2*Math.pow(255,2)+RegE*p.$3*255+RegE*p.$4*1elsethrow new Error(Not a valid IP address!)(4)应用:从URL地址中提取文件名的javascript程序s=s=s.replace(/(.*/)0,(.+)

20、.*/ig,$2) ;/Page1.htm(5)应用:利用正则表达式限制网页表单里的文本框输入容用正则表达式限制只能输入中文:onkeyup=value=value.replace(/u4E00-u9FA5/g,) onbeforepaste=clipboardData.setData(te*t,clipboardData.getData(te*t).replace(/u4E00-u9FA5/g,)用正则表达式限制只能输入全角字符: onkeyup=value=value.replace(/uFF00-uFFFF/g,) onbeforepaste=clipboardData.setData(

21、te*t,clipboardData.getData(te*t).replace(/uFF00-uFFFF/g,)用正则表达式限制只能输入数字:onkeyup=value=value.replace(/d/g,) onbeforepaste= clipboardData.setData(te*t,clipboardData.getData(te*t).replace(/d/g,)用正则表达式限制只能输入数字和英文:onkeyup=value=value.replace(/W/g,) onbeforepaste=clipboardData.setData(te*t,clipboardData.g

22、etData(te*t).replace(/d/g,JS框架操作一.js的数据类型和变量JavaScript 有六种数据类型。主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。 String 字符串类型:字符串是用单引号或双引号来说明的。使用单引号来输入包含引号的字符串。如:“The cow jumped over the moon.数值数据类型:JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数;浮点数可以包含小数点、也可以包含一个 “e大小写均可,在科学记数法中表示“10的幂、或者同时包含

23、这两项。Boolean 类型:可能的 Boolean 值有 true 和 false。这是两个特殊值,不能用作 1 和 0。Undefined 数据类型:一个为 undefined 的值就是指在变量被创立后,但未给该变量赋值以前所具有的值。Null 数据类型:null 值就是没有任何值,什么也不表示。object类型:除了上面提到的各种常用类型外,对象也是JavaScript中的重要组成局部,这局部将在后面章节详细介绍。在 JavaScript 中变量用来存放脚本中的值,这样在需要用这个值的地方就可以用变量来代表,一个变量可以是一个数字,文本或其它一些东西。 JavaScript是一种对数据类

24、型变量要求不太严格的语言,所以不必声明每一个变量的类型,变量声明尽管不是必须的,但在使用变量之前先进展声明是一种好的习惯。可以使用 var 语句来进展变量声明。如:var men = true; / men 中存储的值为 Boolean 类型。变量命名:JavaScript 是一种区分大小写的语言,因此将一个变量命名为 puter 和将其命名为 puter是不一样的。另外,变量名称的长度是任意的,但必须遵循以下规则: 1.第一个字符必须是一个字母大小写均可、或一个下划线(_)或一个美元符 ($)。 2.后续的字符可以是字母、数字、下划线或美元符。 3.变量名称不能是保存字。二.js语句及语法J

25、avaScript所提供的语句分为以下几大类: 1.变量声明,赋值语句:var。 语法如下: var 变量名称 =初始值 例:var puter = 32 /定义puter是一个变量,且有初值为32。 2.函数定义语句:function,return。 语法如下: function 函数名称 函数所带的参数 函数执行局部 return 表达式 /return语句指明将返回的值。 例:function square ( * ) return * 3.条件和分支语句:if.else,switch。 if.else语句完成了程序流程块中分支功能:如果其中的条件成立,则程序执行紧接着条件的语句或语句块

26、;否则程序执行else中的语句或语句块。 语法如下: if (条件) 执行语句1 else 执行语句2 例:if (result = true) response = “你答对了! else response = “你错了! 分支语句switch可以根据一个变量的不同取值采取不同的处理方法。 语法如下: switch (e*pression) case label1: 语句串1; case label2: 语句串2; case label3: 语句串3; . default: 语句串3; 如果表达式取的值同程序中提供的任何一条语句都不匹配,将执行default中的语句。4. 循环语句:for,

27、 for.in,while,break,continue。 for语句的语法如下: for (初始化局部;条件局部;更新局部) 执行局部. 只要循环的条件成立,循环体就被反复的执行。 for.in语句与for语句有一点不同,它循环的围是一个对象所有的属性或是一个数组的所有元素。 for.in语句的语法如下: for (变量 in 对象或数组) 语句. while语句所控制的循环不断的测试条件,如果条件始终成立,则一直循环,直到条件不再成立。 语法如下: while (条件) 执行语句. break语句完毕当前的各种循环,并执行循环的下一条语句。 continue语句完毕当前的循环,并马上开场下

28、一个循环。5.对象操作语句:with,this,new。 with语句的语法如下:with (对象名称) 执行语句 作用是这样的:如果你想使用*个对象的许多属性或方法时,只要在with语句的中写出这个对象的名称,然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。new语句是一种对象构造器,可以用new语句来定义一个新对象。 语法是这样的:新对象名称 new 真正的对象名 譬如说,我们可以这样定义一个新的日期对象: var curr new Date(),然后,变量curr就具有了Date对象的属性。this运算符总是指向当前的对象。6.注释语句:/,/*.*/。 /这是单行注释 /

29、*这可以多行注释. */三.js对象的属性及方法.在JavaScript中是基于对象的编程,而不是完全的面向对象的编程。那麽什麽是对象呢?如果你学过一些VB的编程,对这个名词一定不会陌生。通俗的说,对象是变量的集合体,对象提供对于数据的一致的组织手段,描述了一类事物的共同属性。在JavaScript中,可以使用以下几种对象: 1.由浏览器根据web页面的容自动提供的对象。 2.JavaScript的置对象,如Date,Math等。 3.效劳器上的固有对象。 4.用户自定义的对象。JavaScript中的对象是由属性和方法两个根本的元素的构成的。对象的属性是指对象的背风光,长度,名称等。对象的方

30、法是指对属性所进展的操作,就是一个对象自己所属的函数,如对对象取整,使对象获得焦点,使对象获得个随机数等等一系列操作。举个例子来说,将汽车看成是一个对象,汽车的颜色,大小,品牌等叫做属性,而发动,刹车,拐弯等就叫做方法。可以采用这样的方法来访问对象的属性:对象名称.属性名称,例:myputer.year=1996,myputer.owner = “me。可以采用这样的方法,将对象的方法同函数联系起来:对象.方法名字=函数名字或对象.属性.方法名,例:this.display=display,document.writeln“this is method。多看或多写一些程序,就会理解对象的方法和

31、属性的含义了!四.js事件的处理事件是浏览器响应用户交互操作的一种机制,JavaScript的事件处理机制可以改变浏览器响应用户操作的方式,这样就开发出具有交互性,并易于使用的网页。浏览器为了响应*个事件而进展的处理过程,叫做事件处理。事件定义了用户与页面交互时产生的各种操作,例如单击超级连接或按钮时,就产生一个单击click操作事件。浏览器在程序运行的大局部时间都等待交互事件的发生,并在事件发生时,自动调用事件处理函数,完成事件处理过程。事件不仅可以在用户交互过程中产生,而且浏览器自己的一些动作也可以产生事件,例:当载入一个页面时,就会发生load事件,卸载一个页面时,就会发生unload事

32、件等。归纳起来,必需使用的事件有三大类: 1.引起页面之间跳转的事件,主要是超连接事件。 2.事件浏览器自己引起的事件。 3.事件在表单部同界面对象的交互。另:Javascript 根底一、 变量var myBook; myBook=5; 变量名要求以字母或 _ 打头,不能含有空格常见的类型有:字符串,数值,布尔和对象类型。var num=6b=(35)false true二、 表达式与操作符1、 比拟操作符 = != = =2、 运算操作符 + - * / % + -3、 逻辑操作符与& , 或 | , 非 !4、 位操作符& | 异或 (填0右移操作符)5、 赋值操作符=+= -= *=

33、/=&= |= = =6、 其它操作符条件操作符:(条件)?值1:值2 a=5 b=6 c=(ab)a-b:a+bnew操作符 var=new Array(Zhang,Li,wang,Chen)2delete 操作符 delete 27、三、 语句1、 条件语句1 ifelse if (mark60) s=pass else s=fail2tch case 标签1:代码块1;break; case 标签2:代码块2;break; case 标签n:代码块n;break; default: 缺省代码块;32、 循环语句1 for 语句 for初始表达式;循环条件;递增表达式 代码块 2 whil

34、e 语句 while循环条件 代码块3 dowhile语句 do 代码块 while循环条件4 label语句label:代码块5 break语句 跳出循环语句或tch break label 跳出label标识的代码块63、 其他语句1 forin语句 forin.htm for (变量 in 对象) 代码块 2 with对象 代码块 3 注释 / 注释一行 /* */4 return4、四、 函数1、 函数的定义function 函数名参数列表 代码块 - 111- 发布时间:2004-12-3 1:31:00-2、 函数的调用 函数名参数列表3、 javascript 的全局函数1 ev

35、al字符串执行该字符串2 parseInt字符串,基数 parseFloat字符串var s=3.14var j=parseInt(s)var k=parseFloat(s) parseInt(2B,16)=3 isNaN表达式 :不是数字4 Number对象和 String对象Var n=new Number(20)document.write(n.toString(16)5 Escape字符串和unescape字符串将消息串格式转换为ASC码格式4、 方法1 滚动窗口scroll() scroll(*,y):移至窗口*一点,左上角为0,0 winscroll.htm2 设置延迟setTim

36、eout表达式,时间 时间:以毫秒为单位3 去除延迟clearTimeout延迟号如:id=setTimeout(disp(),1000) clearTimeout(id)4五、 Javascript 中的对象1、 建立自定义对象方法1:对象=属性1:属性值1,属性2:属性值2属性n:属性值n 方法2:先定义构造函数,再new创立对象实例。 如: function car(thecolor,thenumber,thewheels) this.color=thecolor; this.number=thenumber; this.wheels=thewheels; var mycar=new c

37、ar(RED,13245,4);2、 定义对象的方法 oop.htm function ReportInfo( ) var information=new string; information=color:+this.color+; information+=Number:+this.Number+; information+=Wheels+this.wheels; window.document.write(information); 3、 javascript核心语言对象1 数组对象Array 建立数组:var st=new Array(zhang,wang,li,chen); var

38、st1=new Array(4) 访问数组元素: st2 数组对象的属性 length (长度) forin.htm 方法 sort( ) 按ASCII码排序 sort(比拟函数名) sort.htm 比拟函数返回值(a与b比拟) 0 a排在b的前面 reverse( ) 元素颠倒顺序 join(分隔符) 转换成字符串2 字符串对象String 属性: length 方法:toUpperCase() 转换为大写字母 toLowerCase() 转换为小写字母 inde*Of(字符串,起始位置) 返回子字符串在字符串中的位置,假设没有,则为-1 LastInde*Of(字符串,起始位置) 返回子

39、字符串在字符串中最后的位置 charAt(位置) 返回字符串中下标位置的字母 substring位置1,位置2返回位置1,位置2间字符串 split(分界符) 按分界符的分解成数组元素 以下的为格式化字符串方法 str.htm big() blink() bold() fi*ed() fontcolor() fontsize() italics() small() strike() sub() sup()- 111- 发布时间:2004-12-3 1:31:00-3 日期对象Date创立日期对象 var 对象名称=new Date (参数) var theDate=new Date( ) va

40、r theDate=new Date( 1999,1,1) 方法:getYear( ) getMonth() getDate( ) getHours( ) getMinutes( ) getSeconds( ) setYear (年份) setMonth(月份) setDate(日期) setHours(小时数) setMinutes(分钟数) setSeconds(秒数) getTime(毫秒数) 获得1970年1月1日0时0分0秒开场的豪秒 setTime(毫秒数)4 数学对象Math 属性: PI 圆周率 3.14159265 SQRT2 2的平方根 1.414 LN2 2的自然对数 0

41、.693147 E 2.9 LN10 10的自然对数 2.302585 LOG2E 以2为底E的对数 1.442695 LOG10E 以10为底E的对数 0.4342944819 SQRT1-2 0.5的平方根 0.7071 方法:min(值1,值2) ma*(值1,值2) round(数值) 四舍五入 ceil (数值) 返回=参数的最小整数 负值取0向上取整 floor (数值) 截尾取整向下取整 random() 0-1的随机数 sqrt(数值) 返回数值的平方根 abs(数值) 取绝对值acos (数值) arccos 反余弦asin(数值) 反正弦atan(数值) 反正切cos(数值

42、) 余弦sin(数值) 正弦tan(数值) 正切atan(*,y) 计算极角, 夹在*正半轴与*,y间的角pow(*,y) *的Y次幂log(*) *的自然对数e*p(*) E的*次方JQ框架操作Dom:Attribute:$(p).addClass(css中定义的样式类型);给*个元素添加样式$(img).attr(src:test.jpg,alt:test Image);给*个元素添加属性/值,参数是map$(img).attr(src,test.jpg);给*个元素添加属性/值$(img).attr(title, function() return this.src );给*个元素添加属

43、性/值$(元素名称).html();获得该元素的容元素,文本等$(元素名称).html(new stuff);给*元素设置容$(元素名称).removeAttr(属性名称)给*元素删除指定的属性以及该属性的值$(元素名称).removeClass(class)给*元素删除指定的样式$(元素名称).te*t();获得该元素的文本$(元素名称).te*t(value);设置该元素的文本值为value$(元素名称).toggleClass(class)当元素存在参数中的样式的时候取消,如果不存在就设置此样式$(input元素名称).val();获取input元素的值$(input元素名称).val(

44、value);设置input元素的值为valueManipulation:$(元素名称).after(content);在匹配元素后面添加容$(元素名称).append(content);将content作为元素的容插入到该元素的后面$(元素名称).appendTo(content);在content后接元素$(元素名称).before(content);与after方法相反$(元素名称).clone(布尔表达式)当布尔表达式为真时,克隆元素无参时,当作true处理$(元素名称).empty()将该元素的容设置为空$(元素名称).insertAfter(content);将该元素插入到cont

45、ent之后$(元素名称).insertBefore(content);将该元素插入到content之前$(元素).prepend(content);将content作为该元素的一局部,放到该元素的最前面$(元素).prependTo(content);将该元素作为content的一局部,放content的最前面$(元素).remove();删除所有的指定元素$(元素).remove(e*p);删除所有含有e*p的元素$(元素).wrap(html);用html来包围该元素$(元素).wrap(element);用element来包围该元素Traversing:add(e*pr)add(html

46、)add(elements)children(e*pr)contains(str)end()filter(e*pression)filter(filter)find(e*pr)is(e*pr)ne*t(e*pr)not(el)not(e*pr)not(elems)parent(e*pr)parents(e*pr)prev(e*pr)siblings(e*pr)Core:$(html).appendTo(body)相当于在body中写了一段html代码$(elems)获得DOM上的*个元素$(function().);执行一个函数$(div p).css(border, 1p* solid gr

47、ay);查找所有div的子节点p,添加样式$(input:radio, document.forms0)在当前页面的第一个表单中查找所有的单项选择按钮$.e*tend(prop) prop是一个jQuery对象,举例:jQuery.e*tend(min: function(a, b) return a b a : b; );jQuery( e*pression, conte*t ) -$( e*pression, conte*t);在默认情况下,$()查询的是当前HTML文档中的DOM元素。each( callback )以每一个匹配的元素作为上下文来执行一个函数举例:1$(span).cli

48、ck(function)$(li).each(function()$(this).toggleClass(e*ample);););举例:2$(button).click(function () $(div).each(function (inde*, domEle) / domEle = this$(domEle).css(backgroundColor, yellow);if ($(this).is(*stop) $(span).te*t(Stopped at div inde* * + inde*);return false;););jQuery Event:ready(fn); $(d

49、ocument).ready()注意在body中没有onload事件,否则该函数不能执行。在每个页面中可以有很多个函数被加载执行,按照fn的顺序来执行。bind( type, data, fn )为每一个匹配元素的特定事件像click绑定一个或多个事件处理器函数。可能的事件属性有:blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress,keyup, errorone( type, data,

展开阅读全文
温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!