HTML基础第七课(js原生对象)
2018-03-17 15:28
429 查看
一、日期对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //Date var date =new Date("2016-7-8"); var date1 =new Date("2016-1-1"); console.log(date); console.log(date1); //两个日期相减,得到的是时间差-毫秒数 var res = date - date1; console.log(res/1000/3600/24+1); //获取 //get console.log(date.getFullYear()); //设置 //set console.log(date); date.setDate(date.getDate +5 ); console.log(date); var date = new Date(); console.log(date3) console.log() </script> </body> </html>
二、数学对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数学对象</title> </head> <body> </body> <script type="text/javascript"> //Math //属性 console.log(Math.PI);//圆周率 //方法 //生成 0-1的随机数 Math.random(); //abs()返回绝对值 console.log(Math.abs(-3)); </script> </html>
三、数组对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组对象</title> </head> <body bc61 > </body> <script type="text/javascript"> //创建数组 var arr1 = [1,2,3]; var arr2 = new Array(); var arr3 = new Array(5); var arr4 = new Array("8"); var arr5 = new Array(4,5); //属性 length 数组长度 console.log(arr1,arr2,arr3,arr4,arr5); //方法 //push/pop对数组末尾添加/删除元素 arr5.push(6,7,8); console.log(arr5.length); arr5.pop(); console.log(arr5.length); //unshift/shift 对数组首位添加/删除元素 arr5.unshift(1); console.log(arr5.length); arr5.shift(); console.log(arr5.length); //数组反转 var arr6 = [1,2,3,4]; //数组反转, 把数组元素的顺序反过来 arr6.reverse(); console.log(arr6); //把数组转为字符串 //join(这里面填写的是元素之间的分隔符的); var str = arr6.join("+"); console.log(str); //数组的排序 arr6 = [99,45,78,22,11,1,123]; arr6.sort(function(a,b){ return a-b; }); console.log(arr6); //splice(index ,length,item1,item2..itemN); //用后面的item覆盖前面index和length组成的fan'wei var arr7 = [11,22,33,44]; arr7.splice(1,2,123,456); console.log(arr7); </script> </html>
四、正则表达式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正则表达式</title> </head> <body> </body> <script type="text/javascript"> //reg = /正则部分(定义的规则)/正则的属性 //g全局匹配 i是否区分大小写 写 i不区分 不写 区分 var reg = /test/gi var str = "hellotesthowareTESTyoutest"; console.log(str.match(reg)); // \d 代表数字 var reg2 = /\d/g; var str2 = "lsjf13134j1j4j566j7"; console.log(str2.match(reg2)); // \w 单词字符 数字、字母、下划线 var reg3 = /\w/g; var str3 = ".a.23;f\495_=1 ;,ai"; console.log(str3.match(reg3)); // \t tap键的空格符 //一个/ // .匹配任意字符(除去换行符 \n) var reg4 =/./g; var str4 = "]\n\t .a.23; f\495_=1 ;,ai"; console.log(str4.match(reg4)); //匹配空格字符 var reg5 = /\s/g; console.log(str4.match(reg)); //量词 \d{3}匹配三个数字,匹配过之后不会在匹配 var reg6 = /\d{3}/g; var reg6 = /\d{1,3}/g;//匹配一个或者是三个,优先最大 var str6 = "340423ruh304"; console.log(str6.match(reg6)); //方括号 var reg7 =/[357]/g var reg7 =/[2-46-8]/g //2346 //2346里面的任意一个 var reg7 =/[2-46]{2}/g var str7 = "2339448585187773485852"; console.log(str7.match(reg7)); //除去123以外的字符 var reg8 =/\[^123]/g var str8 = "abc1234556"; console.log(str8.match(reg8)); //小括号 var reg9 = /(34)|(32)/g; var reg9 = /3(4)|(2)/g; var reg9 = /3((4)|(2))/g; var str9 = "234553452235532667"; console.log(str9.match(reg9)); //开头和结尾 //开头34 var reg10 = /^34/g //结尾34 var reg10 = /34$/g var reg10 =/^34$/g var reg10 =/^34{11}$/g var reg10 =/^\d{3,6}$/g var str10 = "3412033494434023934" console.log(str10.match(reg10)); //11位 纯数字 1开头 //13 14 15 16 17 18 var reg11 = /^1[3-8]\d{9}$/g; var str11 = "13023404918"; console.log(str11.match(reg11)); //邮箱 //(4-10)为单词字符 开头必须为是字母)@(qq 163). cn com </script> </html>
相关文章推荐
- HTML基础第六课(js基础语法,js原生对象,DOM语法)
- JavaScript基础(基本语法:变量、语句、数组、函数、对象、全局方法以及js与java不同,js与html关联)
- javascript学习笔记--js对html对象的原生操作
- javaScipt--------基础入门(二)---->js对象
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第29讲_二维数组转置_js面向对象编程介绍 类(原型对象)和对象_学习笔记_源代码图解_PPT文档整理
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- AJAX开发基础及原生JS操作步骤
- html行内触发事件的this指向(原生js学习)
- 原生js基础问题的一些备忘
- js基础对象-编程模式与设计模式
- JS基础学习——对象
- 4、js基础:创建对象
- html5+原生 js互调
- JS 基础 —— ECMAScript 对象 笔记
- 菜鸟前端日记6 (原生JS--函数基础)
- HTML网页制作基础第七弹
- Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)
- 原生js解决对象事件处理程序添加和删除的兼容性问题
- 关于如何利用原生js动态给一个空对象添加属性以及属性值
- js原生DOM对象与jQuery对象不是一回事儿,区别联系相互转换,踩坑经历