随笔分类 -  Javascript

摘要:javaScript数组属于Object引用类型 创建数组的几种方式: 1、检测是不是数组Array.isArray(value)方法 2、访问数组 一般访问数组都是通过索引访问 3、数组的索引是否可以为负数、字符、浮数? 事实上是可以用的,但是数组的长度是没有变化的 4、访问和修改 访问数组中最大 阅读全文
posted @ 2019-08-21 10:25 爱笑的小宇宙 阅读(319) 评论(0) 推荐(0) 编辑
摘要:◎Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数; ◎Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数; ◎Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)。 总结: 所有介于25和2 阅读全文
posted @ 2019-07-19 16:42 爱笑的小宇宙 阅读(2679) 评论(0) 推荐(0) 编辑
摘要:转自:https://www.cnblogs.com/liugang-vip/p/5616484.html 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网 阅读全文
posted @ 2019-07-17 12:45 爱笑的小宇宙 阅读(196) 评论(0) 推荐(0) 编辑
摘要:document.querySelectorAll兼容性良好,在之前的项目中就其遍历方式出了错误,先做个小结: 1.for循环 传统遍历方法 2.forEach方法 forEach方法可以遍历一个js数组 var arr= [1, 2, 3]; arr.forEach(arr, function(p 阅读全文
posted @ 2019-07-17 12:39 爱笑的小宇宙 阅读(2267) 评论(1) 推荐(0) 编辑
摘要:定义: querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。 语法 document.querySelec 阅读全文
posted @ 2019-07-17 11:31 爱笑的小宇宙 阅读(3715) 评论(0) 推荐(0) 编辑
摘要:相同点: 1.都是循环遍历数组中的每一项 2.每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组) 3.匿名函数中的this都是指向window 4.只能遍历数组 不同点: map() map方法返回一个新的数组,数组中的元素为原始数组调用函数处理 阅读全文
posted @ 2019-07-16 11:45 爱笑的小宇宙 阅读(38469) 评论(0) 推荐(2) 编辑
摘要:map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意: map不会对空数组进行检测 map不会改变原始数组 arr.map(function(currentValue,index,arr),thisVa 阅读全文
posted @ 2019-07-16 11:10 爱笑的小宇宙 阅读(82692) 评论(0) 推荐(2) 编辑
摘要:面是用JS简单地实现选项卡功能的实例。 注意点:(1)闭包后,要使用立即执行函数; (2)绑定事件注意参数; (3)思路:将当前div显示,其余隐藏,给button绑定事件,触碰后显示相应内容。 阅读全文
posted @ 2019-07-08 17:21 爱笑的小宇宙 阅读(5659) 评论(0) 推荐(0) 编辑
摘要:复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 要实现的大概就是这样一个页面 思路 全选 因为要得到复选框数组,而id又不能重复。所以通过name来得到复选框数组。得到数组后遍历,将所有checked值设置为true即可实现全选,全不选原理相同 反选 同样的方法得到 阅读全文
posted @ 2019-07-08 17:09 爱笑的小宇宙 阅读(16755) 评论(0) 推荐(1) 编辑
摘要:学到了原声js改变input的disabled的属性值,因为想让倒计时结束的同时,抢购按钮可以被点击。代码为:document.getElementById("buy").disabled = "";或者disabled的值为false也可以。 阅读全文
posted @ 2019-07-08 16:57 爱笑的小宇宙 阅读(877) 评论(0) 推荐(0) 编辑
摘要:思路: *得到当前时间 var date = new Date(); //格式化为本地时间 var d1 = date.toLocaleString(); *使页面每秒显示一次时间 setInterval() 定时器实现 *显示到页面 获取div标签并将时间写入 代码: 阅读全文
posted @ 2019-07-08 16:48 爱笑的小宇宙 阅读(10786) 评论(0) 推荐(0) 编辑
摘要:Web的中文就是网络的意思,网站。而网站分为前端和后端,通俗上说前端就是做网页,界面,特效,交互。打开一个网页,我们眼睛可以看到的东西都可以说是前端,这个就是前端需要做的。 下面是我总结的新手学习路线,大家可以参考一下: 第一阶段: 在第一阶段中,也就是我们常见的HTML+CSS,最简单的东西,在我 阅读全文
posted @ 2019-07-08 15:40 爱笑的小宇宙 阅读(248) 评论(0) 推荐(0) 编辑
摘要:核心思想 随机产生规定范围内的整数,然后再产生相同范围内的整数,两者相同时,则暂停。 所用知识 Math.random() * num: 产生从0到num的随机数 Math.floor(): 向下取整 简单的DOM操作等 技术扩展 扩展人数 添加停止键等 效果 代码如下 html: 1 <div c 阅读全文
posted @ 2019-07-08 15:34 爱笑的小宇宙 阅读(403) 评论(0) 推荐(0) 编辑
摘要:1 2 3 4 5 6 7 8 9 Document 10 11 54 55 56 57 58 59 60 61 188 189 190 191 阅读全文
posted @ 2019-07-08 15:31 爱笑的小宇宙 阅读(240) 评论(0) 推荐(0) 编辑
摘要:js控制隔行变色 编号 作品 时间 1 回忆三部曲 ... 阅读全文
posted @ 2019-07-08 11:50 爱笑的小宇宙 阅读(1684) 评论(0) 推荐(0) 编辑
摘要:一. input type属性 以下是Firefox显示效果(每个浏览器上的默认显示效果不同,可以通过css修改统一样式) 二. 其他新增属性: 1. placeholder placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点 阅读全文
posted @ 2019-07-05 17:16 爱笑的小宇宙 阅读(1924) 评论(0) 推荐(0) 编辑
摘要:document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,但不包括自身) 2) outerHTML设置 阅读全文
posted @ 2019-07-04 23:28 爱笑的小宇宙 阅读(11592) 评论(0) 推荐(1) 编辑
摘要:首先给大家看一看js图片轮播效果,如下图 具体思路: 一、页面加载、获取整个容器、所有放数字索引的li及放图片列表的ul、定义放定时器的变量、存放当前索引的变量index 二、添加定时器,每隔2秒钟index递增一次、调用一次切换图片函数 提示: 1、 index不能一直无限制的递增下去,需做判断, 阅读全文
posted @ 2019-07-04 11:24 爱笑的小宇宙 阅读(3751) 评论(0) 推荐(0) 编辑
摘要:在javascritp中,我们可以通过style属性可以控制元素的样式,从而实现行为层通过DOM的style属性去干预显示层显示的目标,但是这种方法是不好的,而且为了实现通过DOM脚本设置的样式,你不得不花时间去研究javascrip函数,去寻找对应修改和设置样式的有关语句。而且每次修改和添加JS脚 阅读全文
posted @ 2019-07-04 11:09 爱笑的小宇宙 阅读(9998) 评论(0) 推荐(0) 编辑
摘要:function $(id) { return typeof id "string" ? document.getElementById(id) : id; } function $(id) { return typeof id "string" ? document.getElementById( 阅读全文
posted @ 2019-07-03 14:40 爱笑的小宇宙 阅读(707) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示