随笔分类 -  javascript

js伪数组
摘要：伪数组定义 1、拥有length属性2、不具有数组所具有的方法 伪数组实例 需要注意一点的是，上面的伪数组，很多人往往知道fakeArray.0='first'。要知道，在js里，fakeArray.0都是可以写成这样的形式fakeArray[0] 如下 document.getElementByI 阅读全文
posted @ 2018-10-29 21:47 大C文 阅读(230) 评论(0) 推荐(0)
js中dom基础及操作dom
摘要：dom基础认识 1.dom节点 1）children,获取的是所有的孩子节点，获取的是数组 2）parentNode,获取的是父节点，获取的是对象 2.dom操作方法 1）appendChild(),把节点添加到父节点后面，添加的节点是排在最后 2）insertBefore()，把节点添加到父节点的 阅读全文
posted @ 2018-10-25 22:18 大C文 阅读(329) 评论(0) 推荐(0)
js监听键盘事件，enter键来触发事件
摘要：键盘事件 1.onkeydown：按钮按下时触发 2.onkeyup：按钮弹起时触发 用的比较多的是onkeydown事件，我们可以捕获到键盘按键，常常被用来点击enter键时去执行一系列操作，来代替点击确定或登录按钮，下面展示enter键来触发事件 阅读全文
posted @ 2018-10-24 19:08 大C文 阅读(6316) 评论(0) 推荐(0)
js获取鼠标位置的坐标及解决兼容性问题
摘要：1.event.clientX：获取鼠标的横坐标 2.event.clientY：获取鼠标的纵坐标 因为火狐浏览器不存在event这个对象，而是存在系统自带的ev，这样ev不存在就取event，ev存在就取ev，这样就解决了浏览器兼容性问题 需要注意的是，event.clientX event.cl 阅读全文
posted @ 2018-10-24 17:12 大C文 阅读(888) 评论(0) 推荐(0)
js向上取整，向下取整，四舍五入，取绝对值等函数
摘要：1.向上取整。正数：有小数，舍弃小数，整数就加1。负数：就舍弃小数部分，取整数部分 Math.ceil(); 2.向下取整。正数：舍弃小数，只要整数部分。负数：有小数，舍弃小数，整数减1 Math.floor(); 3.取绝对值。正数就是本身，负数取反 Math.abs(); 4.四舍五入。正数：第 阅读全文
posted @ 2018-10-24 10:55 大C文 阅读(8168) 评论(0) 推荐(0)
js实现鼠标放在一级菜单，下滑出二级菜单
摘要：初始状态 鼠标放在tab4上 实现的代码如下 阅读全文
posted @ 2018-10-23 22:29 大C文 阅读(815) 评论(0) 推荐(0)
js实现时钟效果+年月日
摘要：实现原理：通过js获取到系统时间，然后分别算出年，月，日，时，分，秒，然后拼接年月日，时分秒，然后通过定时器setInterval每过一秒去获取这些数据，这样就可以实现时钟的效果 效果图 阅读全文
posted @ 2018-10-21 21:34 大C文 阅读(1619) 评论(0) 推荐(0)
js实现滚动效果
摘要：初始状态 点击左滚动出现的效果 滚动效果通过setInterval定时函数去实现的，setInterval定时让ul每过一段时间就移动，移动其实是left的值在变大，让ul移动的必须让这个div是绝对定位的，这样left属性就会起效果，然后让div的left值越来越大，这样ul就在移动。实现移动后复 阅读全文
posted @ 2018-10-18 21:23 大C文 阅读(1027) 评论(2) 推荐(0)
JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法
摘要：setTimeout是指过多久执行，只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterval定时器，不让它一直执行 阅读全文
posted @ 2018-10-17 22:20 大C文 阅读(650) 评论(0) 推荐(0)
js实现tab选项卡切换
摘要：初始状态，只展示tab1的内容 点击tab2，只展示tab2的内容 通过原生js实现tab切换，首先讲解一下实现的原理。 1.点击按钮首先给这个被点击的按钮添加一个active类，给点击的改变背景色 2.点击按钮其实就是把相应的div给显示出来。 需要注意的是，点击按钮，给按钮添加了一个类和把对应的 阅读全文
posted @ 2018-10-17 20:01 大C文 阅读(12576) 评论(0) 推荐(0)
js流程控制语句里break和continue的使用及区别
摘要：break：退出当前循环 continue：终止本次循环，执行下次循环 1 <html> 2 3 <head> 4 <title></title> 5 </head> 6 <script> 7 for(var i=0;i<10;i++){ 8 if(i==4){ 9 break; 10 } 11 a 阅读全文
posted @ 2018-10-11 23:04 大C文 阅读(398) 评论(0) 推荐(0)
js中parseInt的使用及取整的机制
摘要：parseInt是把小数转化成整数。它取整的机制是从要取整数据的左边读取，当碰到非数字则自动结束，相当于截取到前面已读到的数字。代码如下 阅读全文
posted @ 2018-10-11 22:47 大C文 阅读(1607) 评论(0) 推荐(0)
js实现复选框全选和不选
摘要： 阅读全文
posted @ 2018-10-10 21:50 大C文 阅读(198) 评论(0) 推荐(0)
js提取行间事件
摘要：<html> <head><title></title></head> <style> #div1{ width:100px; height:200px; background:red; } </style> <script> function setAttr(name,value){ docume 阅读全文
posted @ 2018-10-10 21:18 大C文 阅读(489) 评论(0) 推荐(0)
js控制属性的两种方法
摘要：下面以控制css属性为例，html属性也是一样 第一种 document.getElementById('div1').style.display='block' 第二种 document.getElementById('div1').style['display']='block' 两种的区别：第 阅读全文
posted @ 2018-10-09 21:32 大C文 阅读(1179) 评论(0) 推荐(0)
js实现放在div上显示，离开隐藏
摘要：鼠标放在文字上显示，离开文字隐藏，代码如下 <html> <head><title></title></head> <style> #div1{ width:100px; height:200px; background:red; display:none; } </style> <script> 阅读全文
posted @ 2018-10-09 21:12 大C文 阅读(846) 评论(0) 推荐(0)