javascript
sundayaaron
web前端从事者。
展开
-
javascript学习之选择结构(1)—— if,if else
if概述 如果满足什么什么条件, 就怎么怎么样。满足上述的条件,我们就可以使用js中的if 语句来完成。 if (条件){ 语句; 工作原理:如果条件为真,则执行上述语句 否则不执行。条件用表达式表示 }if小例子<script> var score=98; if (score>90)原创 2016-11-17 10:01:58 · 13122 阅读 · 0 评论 -
javascript学习之 正则表达式 (20)—— 概述
例子1,使用普通方法: 验证qq号是否合法:5-15位,不能以0开头,全是数字 var qq="1234566"; if (qq.length>=5 && qq.length<=15) { if (qq.charCodeAt(0)!=48) { if (!isNaN(q原创 2016-12-29 10:53:33 · 2597 阅读 · 0 评论 -
javascript学习之日期 字符串(15)—— 时间和日期 常用方法
1、通用方法 UTC() 方法可根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 参数 描述 year 必需。表示年份的四位数字。 month 必需。表示月份的整数,介于 0 ~ 11。 day 必需。表示日期的整数,介于 1 ~ 31。 hours 可选。表示小时的整数,介于 0 ~ 23。 minutes 可选。表示分钟的整数,介原创 2016-12-20 10:48:59 · 3187 阅读 · 0 评论 -
javascript学习之日期 字符串(16)—— 字符串 简介
先来看一个小例子: var a="abc"; var s=new String("abc"); alert(typeof a+"=====>"+typeof s);效果图: a和s的类型是不同的我们再来看下a和s的值是否相等 var a="abc"; var s=new String("abc"); a原创 2016-12-20 16:33:44 · 2074 阅读 · 0 评论 -
javascript学习之 正则表达式 (23)——字符集
1、 . . :代表任意字符(除换行外)示例代码: var reg=/b..k/; var str="book"; alert(reg.test(str));效果图: 2、? * + ?:出现0次或1次 *:出现0次或多次 +:出现1次或多次 示例代码: var reg=原创 2017-01-09 11:36:27 · 1339 阅读 · 0 评论 -
javascript学习之 正则表达式 (24)——字符匹配
1、\s \s 匹配空白字符、空格、制表符和换行符示例代码: var reg=/java\sscript/; var str="study java script"; alert(reg.test(str));效果图: 2、| a | b | c 匹配 a或b或c中的任意一个示例代码:原创 2017-01-11 16:42:32 · 1394 阅读 · 0 评论 -
javascript学习之 function类型 (27)——function类型 内部属性
1、arguments arguments 属性:指向一个类似数组 但不是数组的对象,存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表示例代码:function show(a,b)//定义show函数 { if(arguments.length==2)//如果实际输入两个值 alert(a+b);原创 2017-02-07 16:25:12 · 839 阅读 · 0 评论 -
javascript学习之 function类型 (28)——function类型 this应用
1、this this是一个引用,指向函数被调用时的对象。示例代码:var name="张三"; function show() { alert(name); } window.show(); //this指向的就是window对象 window是js内置好的对象 效果图: 例子2:原创 2017-02-08 16:35:43 · 805 阅读 · 0 评论 -
javascript学习之 正则表达式 (25)——exec方法
1、使用exec()方法返回数组示例代码: var reg=/[a-z]+\s\d{4}/; //匹配规则:小写字母a-z 空格 四个数字 var str="hello 2017"; alert(reg.exec(str));效果图: 2、捕获性分组示例代码: var re原创 2017-01-18 16:08:21 · 835 阅读 · 0 评论 -
javascript学习之 正则表达式 (26)——常用验证规则
1、验证手机号示例代码: var reg=/^1[3578]\d{9}$/; var phone="13899998888"; alert(reg.test(phone));效果图: 2、把手机号中间四位显示为****示例代码: var reg=/(\d{3})\d{4}(\d{4})/; var phone="13899原创 2017-01-19 10:35:08 · 822 阅读 · 0 评论 -
javascript学习之 function类型 (29)——浏览器对象模型 Bom 简介
1、介绍: 1.BOM(Browser Object Document)即浏览器对象模型。 2.由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window; 3.由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window; 4.BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Nets原创 2017-02-13 10:25:22 · 552 阅读 · 0 评论 -
javascript学习之 小案例 (29)——js时钟
1、效果图: 项目已经放在了我的个人网站上——>点击查看效果2、实现思路 html部分使用flex布局来定位; js部分使用date对象和定时器setInterval实现,date对象相关知识点请参考我之前的两篇博客。javascript学习之日期 字符串(14)—— 时间和日期 Date类型 javascript学习之日期 字符串(15)—— 时间和日期 常用方法3、主要部分代码h原创 2017-02-22 14:54:55 · 1440 阅读 · 0 评论 -
javascript学习之 小案例 (30)——瀑布流
效果图:HTML骨架部分:CSS样式部分:JS部分函数:在线效果预览:源码已经放在我网站上了,点击预览效果CSDN免积分下载地址:点击下载源码个人微信公众号:如果我的文章对您有帮助,微信或支付宝打赏:微信: 支付宝:原创 2017-03-20 16:57:56 · 983 阅读 · 0 评论 -
js生成不重复的随机数
需求:js生成不重复的随机整数。基础版: var originalArray = [1, 2, 3, 4, 5]; originalArray.sort(function () { return 0.5 - Math.random(); }); console.log(originalArray);实现思路:首先定义一个数组,然后用sort方法把数组打乱,最后输出...原创 2018-05-03 16:10:19 · 7038 阅读 · 0 评论 -
js生成指定范围的随机整数(例如0-100)
1:功能需求js生成指定范围的随机整数有时候想要实现通过js Math.random()方法来实现获取指定区间的随机数。2:需求实现定义一个random()函数,原理是 随机数和最大值减最小值的差相乘 最后再加上最小值。function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; ...原创 2018-04-28 17:41:36 · 18227 阅读 · 0 评论 -
简单粗暴的移动端图片浏览插件demo
使用方法:首先引入 jQuery<script src="./fly-zomm-img.min.js"></script>再引入 图片浏览插件<script src="./fly-zomm-img.min.js"></script>无需额外引入css样式文件HTML结构:<div id="conten原创 2018-08-03 16:08:27 · 4991 阅读 · 1 评论 -
js计算斐波那契数列
斐波那契数列简介:斐波那契数列(Fibonacci sequence),又称黄金分割数列、因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一个数列:1、1、2、3、5、8、13、21、34、……在数学上,斐波纳契数列以如下被以递推的方法定义:F(1)=1,F(2)=1, F(n)=F(n-1)+F(n-2)(n&g...原创 2018-08-25 10:12:36 · 1522 阅读 · 0 评论 -
javascript学习之日期 字符串(19)—— 字符串 常用方法(下)
1、substr(index1,index2) substr(index1,index2) 第一个参数表示截取的起始索引,第二个参数表示截取的字符的个数示例代码:var ss="hello word 好好学习 abc123";alert(ss.substr(5,5));效果图: 2、substring(index1,index2) substring(index1,index2)第一原创 2016-12-28 16:01:43 · 3042 阅读 · 0 评论 -
javascript学习之日期 字符串(18)—— 字符串 常用方法(中)
1、indexOf(str)方法 indexOf(str) 默认返回在字符串中第一次出现的索引示例代码: var ss="aaabbbcccdddeeebbbfffghi"; var index=ss.indexOf("bbb"); alert(index);效果图:”bbb”第一次出现在下标为3的位置 2、indexOf(str,positio原创 2016-12-28 11:38:07 · 1203 阅读 · 0 评论 -
javascript学习之选择结构(2)—— switch
switch基本语法结构:switch (表达式){ case 值1:语句;break; case 值2:语句;break; case 值3:语句;break; ... default: 语句;break; } 工作原理:原创 2016-11-17 16:54:10 · 11792 阅读 · 2 评论 -
javascript学习之流程控制(6)—— for循环嵌套应用
在学习for循环嵌套应用之前我们先来做一个不使用嵌套的小例子。 在页面中输出十个“*”号。不使用循环嵌套的例子:代码如下:for (var i=1;i<=10;i++){ document.write("*"); }效果图: 使用循环嵌套的例子:接下来我们要使用for循环嵌套来实现另一个小例子,输出十行星号,每行有十个星号。代码如下:for (var j=原创 2016-11-30 11:54:21 · 12734 阅读 · 1 评论 -
javascript学习之循环结构(3)—— while循环结构
循环解决的是具备重复性的问题如果现在要显示5次“hello world”,最简单的方法是alert5次“hello world”,但是如果要求显示10000次呢?显然不可能写10000次“hello world”,所以我们就要使用循环语句。下面我们来看一下while的语法结构:while(循环的条件){ 需要重复执行的语句(循环体)}工作原理: 先判断循环条件是否为真,如果位真则执行原创 2016-11-21 14:34:51 · 18334 阅读 · 0 评论 -
javascript学习之循环结构(4)—— do while循环结构
do while和wile类似,只不过是在循环前先执行以下do后面的语句。 下面来看一下do while 的语法结构:do { 循环体; } while(循环条件);工作原理: 先执行一次循环体,然后判断条件;如果条件为真则执行循环体,然后再判断条件, 条件为真则再执行循环体,如此反复 直到条件为假。例子1接下来我们把上一篇用while循环写的 “输出5次hello wo原创 2016-11-21 15:11:47 · 12611 阅读 · 0 评论 -
javascript学习之流程控制(5)—— for循环
for循环和while 、 do while、 switch循环差别比较大。 句法结构: for(初始化语句;循环条件;改变循环变量值得语句) { 循环体; }工作原理: 小例子 var jiecheng=1,num; for(num=5;num>=1;num--){ jiecheng=jiecheng*nu原创 2016-11-22 16:52:49 · 14502 阅读 · 0 评论 -
javascript学习之函数(7)—— 函数 声明定义
函数的功能是用来解决相同的功能,不用重复写多次代码的问题。 下面我们来看一下函数的语法结构://函数的声明function 函数名(){ 需要重复执行的代码}//函数的调用函数名();接下来我们做一个小例子:function hello() { alert("hello1"); alert("hello2");} hello();在上面的例子中,我们首原创 2016-12-05 09:56:43 · 8499 阅读 · 0 评论 -
javascript学习之函数(8)—— 函数 参数传递
上一篇文章中我们讲到了函数的声明 定义 函数名后面的括号里是可以带参数的,下面我们来看一个例子:function add(a, b) { var sum=a+b; alert("sum="+sum) } add(100,200)运行效果: 接下来我们研究一下函数的返回值,上面的例子中 add(100,200) 传递的时候无法获取a+b和的值,所以 我们要在函数体最后返回s原创 2016-12-05 10:56:17 · 8437 阅读 · 0 评论 -
javascript学习之函数(9)—— 函数 递归
什么事递归呢? 递归就是函数自己调用自己。下面我们来看一个小例子:例子1:求从1开始一直到某个数的和我们先用普通的方式来实现,代码如下://求从1开始一直到某个数的和 function add(n) { //先定义一个函数add var sum=0; //定义和sum for(var i=1;i<=n;i++){ //for循环原创 2016-12-13 15:35:13 · 6106 阅读 · 0 评论 -
javascript学习之数组(12)—— 数组 常用方法
toString方法 toString() :把数组中的数据转换成字符串并返回示例代码: var arr=["张三",25,"北京"]; alert(arr.toString());效果图: join方法 join() :使用指定的分隔符把数组中的数据连接成字符串示例代码:var arr=["张三",25,"北京"];alert(arr.join("*"原创 2016-12-16 15:40:54 · 5556 阅读 · 2 评论 -
javascript学习之函数(10)—— 函数 数组——对象的创建
对象的创建方法1: //对象创建方法1 function show() { //创建函数 alert("show"); } var obj=new Object();//创建对象 obj.name="zhangsan";//对象里的值 obj.fun=show;//对象里的函数原创 2016-12-14 15:39:00 · 5050 阅读 · 0 评论 -
javascript学习之数组(11)—— 数组 创建及使用
创建及使用1,使用new方法创建数组:var arr=new Array(10); //定义了一个可以存储10个数的数组向数组中添加数据: arr[0]=1; arr[1]=2;输出数组中的内容: var arr=new Array(10); arr[0]=1; arr[1]=2; alert("arr0:"原创 2016-12-15 16:28:52 · 4731 阅读 · 0 评论 -
javascript学习之数组(13)—— 数组 排序
数组中的排序使用的是sort方法,示例代码: sort方法默认是按照ASCII字符升序排序的 注:ACSII码对照表 http://www.51hei.com/mcu/4342.html var a=[1,50,25,60,55];//定义一个数组 a.sort(); alert(a);效果图: 例子2: var b=[原创 2016-12-19 15:06:44 · 3629 阅读 · 0 评论 -
javascript学习之日期 字符串(14)—— 时间和日期 Date类型
js提供了Date类型来处理日期和时间 获取系统当前日期时间 var date=new Date(); alert(date);效果图: 自定义不同的时间格式:1000毫秒: var d1=new Date(1000);//从1970.1.1 08:00开始 1000毫秒 alert(d1);效果图: 指定2016年6月20号:原创 2016-12-19 16:26:47 · 3464 阅读 · 0 评论 -
javascript学习之 正则表达式 (21)——RegExp类型
创建正则表达式的两种方法 1:使用 new 运算符 RegExp(string,pattern) i:不区分大小写 g:全局匹配 m:多行匹配 var reg=new RegExp(“hello”,”ig”); 2:字面量方式 var reg=/hello/ig;使用正则表达式进行验证的方式:tes原创 2017-01-04 11:44:52 · 1616 阅读 · 0 评论 -
javascript学习之 正则表达式 (22)——String正则方法
除了RegExp中的test()和exec()方法,String对象也提供了4个使用正则表达式的方法。1、match(pattern) match(pattern)返回pattern中的子串或null,返回数组,数组中含有匹配的字符串。示例代码: var reg=/hello/; var str="hello world,hello matc原创 2017-01-05 14:51:43 · 1962 阅读 · 0 评论 -
javascript学习之日期 字符串(17)—— 字符串 常用方法(上)
1、charAt()方法 字符串中的每个字符都有一个索引,从0开始; charAt(index);根据索引得到字符串中的某一个字符示例代码: var ss="abc0123def!@#"; alert(ss.charAt(0));效果图: 2、charCodeAt()方法 返回索引对应字符的编码示例代码:var ss="abc0123def!@#";alert(原创 2016-12-27 15:14:51 · 1624 阅读 · 0 评论 -
通过原生js 简单的实现过滤html标签功能
使用场景:想输出一个div里的纯文本内容,例如:<div id="divA">This is <span>some</span> text <br>123 <p>5555</p></div>解决方案:<script> var div=原创 2018-09-06 09:34:02 · 2029 阅读 · 0 评论