常被视为独立的一块block元素通,一行私有,素会各悛改起一行多个block元,度自愿填满其父元素宽度默认block元素宽。ght、margin、padding属性block元素可能设立width、hei。 :表单提交到哪action,器端一个法式凡是指向任事,据(即表单位素值)作相应处法式领受到表单提交过来的数理 准绳模子(界说了全部HTML元素的对象和属性· HTML DOM - 针对HTML文档的,它们的方以及拜访法 345地方:6 $().offset([coordinates]1款式:2 $().css(name/pro/[val/fn])) 数3var nowd1=newDate()1创修Date对象:2//本领1:不指定参;LocaleString())4alert(nowd1.to;=newDate(2004/3/20 11:12)5//本领2:参数为日期字符串6var nowd2;LocaleString())7alert(nowd2.to;e(04/03/20 11:12)8var nowd3=newDat;LocaleString())9alert(nowd3.to; nowd3=newDate(5000)10//本领3:参数为毫秒数11var;oLocaleString())12alert(nowd3.t;toUTCString())13alert(nowd3.;16var nowd4=newDate(20041415//本领4:参数为年月日幼时分钟秒毫秒,2,02,11,21,0,0)30;oLocaleString())17alert(nowd4.t;r ()获取年28getHours ()获取幼时29getMinutes ()获取分钟30getSeconds ()获取秒31getMilliseconds ()获取毫秒32 getTime ()返回累计毫秒数(从1970/1/1午夜18//毫秒并不直接显示192021获取日期和光阴:22获取日期和光阴23getDate()获取日24getDay ()获取礼拜25getMonth ()获取月(0-11)26getFullYear ()获取完终年份27getYea) 了差别端正的相对权重样式表中的特地性描绘,id3、统计遴选符中的class属性个数.class4、统计遴选符中的HTML标具名个数 它的根本端正如下:1、内联样式表的权值最高 style=2、统计遴选符中的ID属性个数#p (初始化值1for;件条;.3}4实行条目轮回增量){2....,缔造时当条目,语句实践,出轮回不然跳体 代表事务的状况Event对象,中产生的元素例如事务正在其,键的状况键盘按,的地方鼠标,钮的状况鼠标按。函数联合运用事务常常与,件产生前被实践函数不会再事!产生时体例仍然创修好了Event对象正在事务,挪用时传给事务函数而且会正在事务函数被,领受一下即可咱们仅仅需求。 的一个苛重特质承担是CSS,先-子孙的联系它是依赖于祖。一种机造承担是,操纵于某个特定的元素它容许样式不但可能,于它的子孙还可能操纵。色也会操纵到段落的文本中如一个body界说了颜。 ic:默认值1、stat,定位无,定位的参照物不行看成绝对,t、top等值是不起效率的而且设立标签对象的lef。 var iArrNum =[11创修数组对象:2款式1:3,2,newArray()3]45款式2:6;ewArray(size)# 不指定命组元素个数7n;var cnweek=newArray(7)# 指定命组元素个数8910二维数组:11;var i=012for(;=6i;i]=newArray(2)i ){13 cnweek[;k[0][0]=日曜日14}15cnwee;][1]=Sunday16cnweek[0;1][0]=礼拜一17cnweek[;][1]=Monday18cnweek[1;ek[6][0]=礼拜六19...20cnwe;[1]=Saturday21cnweek[6];r)30注:31x:代表数组对象32bystr:行动维系数组中元素的字符串3334var iArrNum =[1222324 length:获取数组的个数252627维系数组:join 28款式:29x.join(byst,2,果:1-2-3363738维系数组:cat(43]35iArrNum.join(-)# 结,结果:15)# ,2,3,乐天堂官网下载app4,ort 45var iArrNum =[15424344数组排序:reverse s,3,5,2,]9;.reverse()46iArrNum;数组:9# 反转,2,5,3,um.sort()147iArrN;大排序:1# 从幼到,2,3,5,4end是闭幕地方下一数组元素索引编号55第一个数组元素索引为056start、end可为负数9484950数组切片:slice 51注:52x代表数组对象53start默示发端地方索引5,t地方截取自此所罕见组元素5859var arr1=[a-1代表末了一个数组元素57end省略则相当于从star,b,c,d,e,f,g,]h;arr1.slice(260var arr2=,)4;rr1.slice(4)61var arr3=a;arr1.slice(262var arr4=,1)-;2.toString())6364alert(arr;结果为c65//,3.toString())d 66alert(arr;结果为e67//,f,g,4.toString())h68alert(arr;结果为c69//,d,e,f,74x. splice(startg707172删除子数组:73款式,eCountdelet,lueva,eteCount删除数组元素的个数80value默示正在删除地方插入的数组元素81value参数可能省略828384var a =[1...)75注:76x代表数组对象77splice的苛重用处是对数组指定地方举办删除和插入78start默示发端地方索引79del,2,3,4,5,6,7,]8;lice(185a.sp,)2;变为 [186//a,4,5,6,7,.toString())8]87alert(a;lice(188a.sp,)1;a变为[189//,5,6,7,.toString())8]90alert(a;lice(191a.sp,0,2,)3;a变为[192//,2,3,5,6,7,两个本领模仿的是一个栈操作9798//x.push(value8]939495数组的进出栈操作一:96//push pop这,任何值104//push是将value值增添到数组x的最后105//pop是将数组x的末了一个元素删除106107108var arr1=[1...) 压栈99//x.pop() 弹栈 100//运用说明101//102//x代表数组对象103//value可认为字符串、数字、数组等,2,]3;.push(4109arr1,)5;t(arr1)110aler;/结果为1111/,2,3,4,.push([65112arr1,])7;r1)114//结果为1113alert(ar,2,3,4,5,6,1.pop()7115arr;t(arr1)116aler;/结果为1117/,2,3,4,ift shift 122//x.unshift(value5118119120数组的进出栈操作二:121// unsh,值128//unshift是将value值插入到数组x的发端129//shift是将数组x的第一个元素删除130131var arr1=[1...)123//x.shift()124//运用说明125//126//x代表数组对象127//value可认为字符串、数字、数组等任何,2,]3;unshift(4132arr1.,)5;t(arr1)133aler;/结果为4134/,5,1,2,unshift([63135arr1. ,])7;t(arr1)136aler;/结果为6137/,7,4,5,1,2,.shift()3138arr1;t(arr1)139aler;/结果为4140/,5,1,2,3 ction version -用于实质的网站中1第一种体例:2官网所在:注:41、Produ, version -用于测试和开采(未压缩已被精简和压缩52、Development,:9Staticfile:百度:又拍云:新浪:可读的代码)678其他体例(通过CDN援用它): ohn Resig创修JQuery由美国人J,vaScript妙手参与其team至今已吸引了来自全国各地的繁多Ja。后又一个出色的JavaScript框架JQuery是继prototype之。ITE LESS其目的是--WR,MOREDO !级的JS库它是轻量,S库所不足的这是其他的J,SS3兼容C,种浏览器还兼容各。是一个敏捷的JQuery,Script库简明的Java,ments、events、实行动画效率运用户能更便当地统治HTMLdocu,供应AJAX交互而且便当地为网站。一个斗劲大的上风是JQuery又有,注解很全它的文档,也说的很精确并且各类操纵,熟插件可供遴选同时又有很多成。 1!tr16tr17tdinput type=checkbox/td18tdp222/p/td19/tr20tr21tdinput type=checkbox/td22tdp333/p/td23/tr24/table25/body26script src=jquery-3.3.1.min.js/script27script28function selectAll(){29// 体例一30 $(:checkbox).each(function(){31 $(this).prop(checkedDOCTYPE html2html lang=en3head4meta charset=UTF-85titleTitle/title6/head7body8button onclick=selectAll()全选/button9button onclick=reverse()反选/button10button onclick=cancel()取缔/button11table border=1px12tr13tdinput type=checkbox/td14tdp111/p/td15/,ction () {35// // $(input).attr(checkedtrue)32})33// 体例二34// $(input).each(fun,put).prop(checkedchecked)36// $(in,ckbox).each(function(){41 $(this).prop(checkedtrue)37// })38}39function reverse(){40 $(:che,!式一46 $(:checked).each(function(){47 $(this).prop(checked$(this).prop(checked))42})43}44function cancel(){45// 方,unction () {51// $(input).prop(checkedfalse)48})49// 体例二50// $(input).each(f,}54/script55/htmfalse)52// })53l 万维网同盟)的准绳DOM是W3C(。ML和XML文档的准绳DOM界说了拜访HT。 效率起,响其他元素而不会影。侧有一个浮动对象若一个元素的右,动(即clear:right)而这个元素设立了谢绝许右边有浮,会自愿下移一格那么这个元素,没有浮动对象的宗旨从而到达该元素右边。 ...3}4效用和for好像1while(条目){2.,轮回实践语句当条目缔造,跳出循不然环 right both 2none:默认值1clear语法:none left ,谢绝许右边有浮动对象5both:谢绝许有浮动对象6注:clear属性只容许双方都可能有浮动对象3left:谢绝许左边有浮动对象4right:对 om和margin-right的值错误文档流中的元素爆发影响5、margin属性结构绝对定位元素:margin-bott,经脱节了文档流由于该元素已。 非IE浏览器下肃清浮动:正在,度为auto当容器的高,t为left或right)的元素且容器的实质中有浮动(floa,景况下正在这种,伸长以符合实质的高度容器的高度不行自愿,影响(以至摧毁)结构的形象使得实质溢出到容器表面而。浮动的溢出这种形象叫,S肃清浮动可能用CS。 y模态对线JQuer!m17button onclick=add(this) /button18input type=text19/div20/div21script22 $(button).click(function(){23// 内部插入24// append25// 增添:体例一26// $(.div1).append(h1hello alex/h1)2728//增添:体例二29var $ele = $(h1/h1)DOCTYPE html2html lang=en3head4meta charset=UTF-85titleTitle/title6/head7body8div class=div19ppppp/p10/div11button增添/button12/body13script src=jquery-3.3.1.min.js/script1415div class=outer16div class=ite;)31 $ele.css(color30 $ele.html(hello,nd38// $(.div1).prepend($ele)3940// prependTo41// $ele.prependTo(.div1)4243// 表部插入red)32// $(.div1).append($ele)3334// appendTo35// $ele.appendTo(.div1)3637// prepe,v1).remove()57// 复造58// var $ele2 = $(.div1).clone()59// $(.div1).after($ele2)60})61function add(self){62var $clone_obj = $(self).parent().clone()// 注clone(true)与上面本领好像ertAfter(content)48// $ele.insertAfter(.div1)49// $().insertBefore(content)5051// 交换52// $(p).replaceWith($ele)5354// 删除与清空55// $(.div1).empty()56// $(.di,ren(button).text(-).attr(onclick增添true代表事务不复造63 $clone_obj.child,emove_obj(self)67{68 $(self).parent().remove()69}70/script71/htmremove_obj(this))64 $(.outer).append($clone_obj)65}66function rl ypeof运算符来判决一个值的某品种?ECMAScript供应了一个t型 tr1 =hello world1创修字符串对象:2var s;r1.length)3alert(st;1.substr(14alert(str,))5;属性或本领时自愿创修对象5注:挪用字符串的对象,r1 =newString(hello world)用完就抛弃678手工创修字符串对象:9var st;r1.length)10alert(st;r1.substr(111alert(st,))5;修字符串对象str112注:采用new创,toUpperCase()222324获取指定字符:25款式:26 x.charAt(index)27 x.charCodeAt(index)28注:29x:代表字符串对象30index:代表字符串地方整体有用131415length:获取字符串的长度(str1.length)161718巨细写转换:19var str1 =abcDEF20幼写:str1.toLowerCase()21大写:str1.,询字符串:36款式1:tIndexOf(findstr)3940var str1 =welcom to the world of JS从0发端编号31charAt:返回index地方的字符32charCodeAt:返回index地方的Unicode编码333435查!;tr1.indexof(c)41var str2 = s;果为3# 结,1.lastIndexOf(c)# 结果为3从0发端计数42var str3 = str,发端数从后,)47注:48x:代表字符串对象49regexp:代表正则表达式或字符串50match:返回配合字符串的数组第一次呈现c的地方4344款式2:45 x.match(regexp)46 x.search(regexp,253var str1 =welcome to the world of JS假使没有配合则返回null51search:返回配合字符串的首字符地方索引5!;1.match(world)54var str2=str;1.search(world)55var str3=str; 结果为15585960截取字符串:61款式1:62x.substr(start56alert(str2[0])# 结果为world57alert(str3)#,bstring(startlength)63x.su,始地方67length:默示截取长度68end:闭幕地方加1end)64注:65x:代表字符串对象66start:默示开,bcdef70str1.substr(2从0发端计数69var str1 =a,r1.substring(22)# 结果:cd71st,74//x.slice(start2)# 结果:cd7273款式2:,tr1=abcdefghend)75var s;str1.slice(276var str2=,)4;tr1.slice(4)77var str3=s;str1.slice(278var str4=,1)-;tr1.slice(-379var str5=s,1)-;t(str2)80aler;alert(str3)81//结果为cd82;4alert(str4)83//结果为efgh8;86alert(str5)85//结果为cdefg;符串:91var str1 =abxy87//结果为fg888990交换字;eplace(xy92str1.r,分裂字符串:96var str1 =一cd)# 结果:abcd939495,二,三;.split(97str1,);ddstr:增添字符串106107var str1 =abc108 str1.concat(def)# 结果abcde# 结果:一二三9899100维系字符串:101款式:cat(addstr)103注:104x:代表字符串对象105af 声明的工夫并不需求指定命据类型1JavaScript:变量正在,候才会确定命据类型变量只要正在赋值的时,字 字符串:数字转换为字符串45数字 布尔值:true转换为1表达式中包蕴差别类型数据则正在计较进程中会强造举办种别转换23数,:布尔值转换为字符串true或falsfalse转换为067字符串 布尔值e forward():加载history列表中的下一个URL 67 go():加载history列表中的某个完全页1length:返回浏览器史册列表中的URL数目23back():加载history列表中的前一个URL 45面 eta标签共有两个属性meta标签的构成:m,iv属性和name属性分辩是http-equ,有差别的参数值差别的属性又,就实行差别的网页功这些差别的参数值能 ?运用float脱节文档流时注:片面漠视和全体漠视的区别,漠视这个元素其他盒子会,然会为这个元素让出地方但其他盒子内的文本依,正在周遭缠绕。osition脱节文档流的元素而对付运用absolute、p,内的文本都邑漠视他其他盒子与其他盒子。 )是中立于平台和预言的接口W3C文档对象模子(DOM,和更新文档的实质、组织和样式它容许法式和剧本动态地拜访。 域默认有多少列 rows:文本域默认有多少name:表单提交项的键 cols:文本行 便是用来实行文本缠绕的效率当初float被打算的工夫,不会被挡室庐以文本,at的个性这是flo,彻底的脱节文档流体例即float是一种不。庞杂的结构无论何等,正在一行显示多个div元素”其根本起点均是:“若何。 ry包装DOM对象后爆发的对象JQuery对象通过JQue。JQuery对象假使一个对象是,法:$(#test).html()那么它就可能运用JQuery里的方; n:absolute/fixed注:若元素设立了 positio;设立float该元素就不行;tive可能然而rela,空间照旧霸占文档流由于它蓝本所占的。 号”填入下方输入框4.将“商家订单,VIP特权”点击“复原,验实行即可恭候体例校。 .