js之ECMAscript
1.基本数据类型和一些运算
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script type="text/javascript" src=""> 7 </script> 8 </head> 9 <body> 10 11 <script type="text/javascript"> 12 /*变量*/ 13 var a=1,b=3; 14 alert(a); 15 var s="hello"; 16 //console在浏览器中的检查中的console结果中可以看。 17 console.log(s); 18 if(a<b){ 19 alert(b); 20 } 21 /*注释的方式跟Java一样*/ 22 /*数据类型 23 1.Number 包括整形和浮点型 24 2.String 字符串数字类型 25 3.Boolean 26 4.Undefined 27 5.Null 28 NaN:字符串转换成数字失败的时候，属于number数据类型。 29 */ 30 var obj=null; 31 alert(obj); 32 var i=10; 33 var s="hello"; 34 var b=false; 35 var t=true; 36 var u=undefined; 37 var obj2=new Object(); 38 console.log(typeof(obj)) 39 console.log(typeof(i)); 40 console.log(typeof(s)); 41 console.log(typeof(b)); 42 console.log(typeof(t)); 43 console.log(typeof(u)); 44 console.log(typeof(obj2)); 45 /*复制运算，在js和Java中有++和--运算，但是python里面没有*/ 46 var ja=1; 47 //运算前先赋值，在加一 48 var he=ja++; 49 alert(he); 50 alert(ja) 51 //有意思的13221 52 var x=1; 53 alert(x++); 54 alert(++x); 55 alert(--x); 56 alert(x--); 57 alert(x); 58 59 </script> 60 </body> 61 </html>
2.ecmascript的基于对象
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ECMA对象</title> 6 7 <script type="text/javascript"> 8 /*在js中由于是基于对象的，并且分成了三种对象 9 1.ECMAscript 10 2.DOM对象 11 3.BOM对象 12 */ 13 /*ECMA中的11中内置的对象 14 Array String Date Boolean Number Function Global Error RegExp Object 15 在数据类型中除了null和undefined，其它的都是定义成了对象。 16 */ 17 var str=new String("Hello"); 18 alert(str); 19 var date=new Date(); 20 alert(date); 21 /*函数对象Function*/ 22 function func(){ 23 alert(123); 24 return 8; 25 } 26 func(); 27 var ret=func(); 28 alert(ret); 29 //第二种方式 30 var fun1=new Function("参数1","参数2","函数体"); 31 var add=new Function("a","b","alert(a+b);"); 32 var result=add(22,1); 33 console.log(result); 34 //Function的属性和方法 35 function f(a,b){ 36 return a+b; 37 } 38 alert(f(1,2)); 39 alert(void(f(1,2))); 40 //Function中的argument对象 41 var result=0; 42 function add222(){ 43 for(var i=0;i<arguments.length;i++){ 44 result+=arguments[i]; 45 } 46 return result; 47 } 48 var ha=add222(1,2,3,4,5,6,7); 49 alert(ha); 50 51 function func2(){ 52 if(arguments.length!=3){ 53 throw new Error("参数不能超过3"); 54 } 55 } 56 func2(1,2,3); 57 /*匿名函数*/ 58 var niminghanshu=function(){ 59 alert("匿名函数"); 60 }; 61 niminghanshu(); 62 //根据匿名函数，可以使用自执行函数。 63 (function(a){ 64 alert("匿名函数2"); 65 })(1); 66 </script> 67 </head> 68 <body> 69 70 </body> 71 </html>
3.内置对象之数组
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>数组</title> 6 7 <script type="text/javascript"> 8 //创建方式一： 9 var arr=[1,2,3,4]; 10 //创建方式二 11 var arr2=new Array(1,"hellow",true,4,5); 12 console.log(arr.length); 13 console.log(arr2.length); 14 //创建方式三 15 var arr3=new Array(3); 16 console.log(arr3.length); 17 //相当于占用了三个位置值为：undefined 18 //如果采用初始化方式创建数组，如果里面只有一个值，而且是一个数字， 19 //那么数字表示的是长度而不是内容。 20 console.log(arr3[0]); 21 console.log(arr3[1]); 22 console.log(arr3[2]); 23 console.log(arr3); 24 25 26 //数组可变长，也就是因为undefined的存在 27 //也就是说在别的语言要报错误的时候，js可以使用undefined进行解释 28 //这就体现了灵活性。 29 var arr4=new Array(3); 30 arr4[5]='hellow'; 31 console.log(arr4.length); 32 console.log(arr4[3]); 33 /*数组:*/ 34 //二维数组 35 var arr4=new Array(5,"hello",true,[1,3]); 36 console.log(arr4[3][1]); 37 //数组对象的方法join,在Python中字符串对象才有join ***** 38 var reluts=["hello","world"].join("++++++"); 39 console.log(reluts); 40 //shitf unshift pop push -------栈操作--------***** 41 //队列，先进先出；栈，后进先出。 42 43 //压栈push，弹栈pop，后进先出 44 var arr5=[1,4,6]; 45 arr5.push(13); 46 console.log(arr5); 47 arr5.pop(); 48 console.log(arr5); 49 //shift 和unshift 50 var arr6=[1,5,10]; 51 console.log(arr6); 52 arr6.unshift(45); 53 console.log(arr6); 54 console.log(arr6[0]); 55 arr6.shift(); 56 console.log(arr6); 57 //----------sort reverse--------------- 58 var arr7=[1,4,12,6]; 59 arr7.reverse(); 60 console.log(arr7); 61 console.log(arr7.sort());//sort排序比较的是assic码 62 63 </script> 64 </head> 65 <body> 66 67 </body> 68 </html>
4.引用对象之Date
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>date</title> 6 7 <script type="text/javascript"> 8 /*创建方式*/ 9 //第一种 10 var date=new Date(); 11 console.log(date); 12 console.log(date.toString()); 13 console.log(date.toLocaleString()); 14 //第二种 15 var date=new Date("2017/3/21 12:20 "); 16 alert(date.toLocaleString()); 17 //第三种,这种方法可以自定义时间格式，通过字符串拼接。 18 var date_obj3=new Date(5000); 19 console.log(date_obj3.toLocaleString()); 20 console.log(date_obj3.getFullYear()); 21 console.log(date_obj3.getMonth()); 22 console.log(date_obj3.getDay()); 23 console.log(date_obj3.getHours()); 24 console.log(date_obj3.getMinutes()); 25 console.log(date_obj3.getHourMinuteSecond); 26 console.log(date_obj3.getMilliseconds()); 27 28 </script> 29 </head> 30 <body> 31 32 </body> 33 </html>
5.正则表达式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>RegExp</title> 6 7 <script type="text/javascript"> 8 //方式一 9 var re_obj=new RegExp("/d+","g"); 10 alert(re_obj.test("asdf3245sdk")); 11 //方式二 12 var re_obj2=/\d+/g; 13 alert(re_obj2.test("fslfsfjsdkafjs")); 14 /*未完待续*/ 15 </script> 16 </head> 17 <body> 18 19 </body> 20 </html>
6.Math
7.
