随笔分类 -  javaScript

摘要:Js函数的概念、作用、创建、调用 一.函数是用来帮助我们封装、调用代码的最方便的工具! 二.函数的创建方法有3种: 1):function fun(){ console.log(3); //return this; //为什么函数会输出函数体中的内容,因为在函数体的最后 //默认会有一个return 阅读全文
posted @ 2017-11-02 10:45 MiniDuck 阅读(218) 评论(0) 推荐(0) 编辑
摘要:1. getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 语法:这个方法没有参数 rectObject = object.getBoundingClientRect(); 返回值类型:TextRectang 阅读全文
posted @ 2017-11-01 14:41 MiniDuck 阅读(1159) 评论(0) 推荐(0) 编辑
摘要:classList定义与用法 1)classList属性返回元素的类名,作为DOMTokenList对象 2)该属性用于在元素中添加,移除及切换css类 3)classList属性是只读的,但可以用add()和remove()方法修改他。 方法: 1.添加class属性--add() 方法:add( 阅读全文
posted @ 2017-10-31 17:35 MiniDuck 阅读(2979) 评论(0) 推荐(0) 编辑
摘要:1.修改className 1)修改class类名为p-a-0 2)在保留class="p1"的基础上再添加一个类名为p-a-0 2.删除className 1).结果需删除class="addp1" 正则表达式分析: if ( document.getElementById("p").classN 阅读全文
posted @ 2017-10-31 16:54 MiniDuck 阅读(27657) 评论(0) 推荐(0) 编辑
摘要:121 阅读全文
posted @ 2017-10-31 16:12 MiniDuck 阅读(273) 评论(0) 推荐(0) 编辑
摘要:代码搬运http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html 阅读全文
posted @ 2017-10-31 16:06 MiniDuck 阅读(1856) 评论(0) 推荐(0) 编辑
摘要:var startx, starty; //获得角度 function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI; }; //根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动 functio 阅读全文
posted @ 2017-10-31 16:01 MiniDuck 阅读(2012) 评论(0) 推荐(0) 编辑
摘要:1.秒倒计时 html: <p id="time"></p> js: var time=10; var i=0; function djs(){ if(i<=10){ time=10-i; i++; document.getElementById("time").innerHtml=time; } 阅读全文
posted @ 2017-10-31 13:54 MiniDuck 阅读(142) 评论(0) 推荐(0) 编辑
摘要:方案一:推荐 var ua = navigator.userAgent.toLowerCase(); var isWinxin = ua.indexOf('micromessenger') != -1; if(isWinxin){ return true; }else{ return false; 阅读全文
posted @ 2017-10-24 14:07 MiniDuck 阅读(1118) 评论(0) 推荐(0) 编辑
摘要:原理:那当前的scrollTop和之前的scrollTop对比 如果变大了,表示向下滚动(scrollTop值变大); 如果变小了,表示向上滚动(scrollTop值变小)。 方法一:js代码: $(document).ready(function(){ var p=0, t=0; $(window 阅读全文
posted @ 2017-09-25 10:54 MiniDuck 阅读(15916) 评论(2) 推荐(0) 编辑
摘要:在移动端,我们经常遇到横竖屏的问题,所以我们改如何判断或针对横竖屏来写代码呢。首先需要在head中加入如下代码: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum 阅读全文
posted @ 2017-09-21 17:32 MiniDuck 阅读(1903) 评论(0) 推荐(0) 编辑
摘要:1.javascript、jquery: 方法一: window.onload=function(){ } 方法二: //判断网页是否加载完成 document.onreadystatechange=function(){ if(document.readyState=="complete"){ d 阅读全文
posted @ 2017-09-21 11:03 MiniDuck 阅读(1438) 评论(0) 推荐(0) 编辑

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