【js小功能整理】的更多相关文章

js小功能整理

/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** 获取选择文件的数目.大小 */ <input type="file" multip…

js小功能记录

个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** * 判断文件是否是图片 * @param {[type…

js小功能合集：计算指定时间距今多久、评论树核心代码、字符串替换和去除。

1.计算指定时间距今多久 var date1=new Date('2017/02/08 17:00'); //开始时间 var date2=new Date(); //当前时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 va…

js小功能2：切换

HTML: <div id="tb"> <ul><li class="on">房产</li><li>家居</li><li>二手房</li></ul> <div> <p>275万购昌平邻铁三居 <span>总价20万买一居</span></p> <p>200万内购五环三居 <span&…

点滴积累【JS】---JS小功能（JS实现模仿微博发布效果)

效果: 思路: 利用多功能浮动运动框架实现微博效果,首先,将textarea中的属性添加到新创建的li里面然后,再将li添加到ul里面,再利用浮动运动框架将数据动态的显示出来. 代码: <head runat="server"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #ul1 { width: 300px; height…

点滴积累【JS】---JS小功能（JS实现多功能缓冲运动框架)

效果: 思路: 首先,多功能框架实现的功能是:css中所有的属性都可以添加进去(也可以把方法作为参数传递过去!),然后进行缓冲运动,比如:物体的高度.长度.颜色.字体大小.透明度等,都可以直接传入参数然后进行运动,简单的说是利用json字符串把数据拼接起来,然后进行传参,参数传入进去到函数以后,根据参数的对象,还有属性,还有函数方法,然后再利用setInterval进行缓冲运动,最后判断运动什么时候结束.有一点要注意的是先用getStyle方法获取非行间样式!!! 代码: <head id=&quo…

点滴积累【JS】---JS小功能（JS实现匀速运动）

效果: 思路: 利用setInerval()计时器,进行运动.然后关键的一点是在最后停止的时候给它一个填充缝隙的判断. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 100px; height: 100px; background: #0000FF; position: absolute; left: 8…

js小功能3：一个简单的计算器功能

html: <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</o…

一些js小知识点整理

string.substring(a,b)   从a点开始截取,到b点结束 string.substr(a,b)    从a点开始截取,截取b个 BOM的四个对象,navigator.screen.location.history…

点滴积累【JS】---JS小功能（createElement和insertBefore添加div下面的节点）

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var oul = document.getElementById('ull'); var obtn = document.getElementById('btn'); var ot1 = document…

JS 小技巧整理

一.javascript中调用函数并不一定严格执行指定的参数个数.(函数定义时的参数个数和调时指定的参数个数并不一定要相等) function showInfo(arg1) { var defindlen=showInfo.length; alert(len); if (arguments[0] != undefined) { var str=""; for(var i=0;i<arguments.length;i++){ str+=arguments[i]+" &qu…

js小功能实现

发送随机数手机验证码60秒倒计时 mm.mobileCheck = function(t){ var mobile = $("#user_mobile").val(); if(""===$.trim(mobile)){ $.sscmpMsg().showWarnMessage("请输入手机号码!"); return; } $(t).attr('disabled', 'disabled'); var chars = ['0','1','2','3'…

js小功能

1 删除左右两端的空格 //删除左右两端的空格 function trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 2 判断是否为空 //判断是否为空 function isEmpty(s) { return ((s == undefined || s == null || s == "") ? true : false); } 3 判断输入数字是否为整数 //判断输入的字符是否为整数 function…

点滴积累【JS】---JS小功能（onmousedown实现鼠标拖拽div移动）

效果: 思路: 利用onmousedown事件实现拖拽.首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用可视区的距离减去横纵坐标与div的距离.然后在判断不让DIV移出可视区,然后再赋予DIV的位置.最后关闭鼠标onmouseup事件. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 20…

点滴积累【JS】---JS小功能（onmousemove鼠标移动坐标接龙DIV)

效果: 思路: 利用onmousemove事件,然后获取鼠标的坐标,之后把DIV挨个遍历,最后把鼠标的坐标赋给DIV. 代码: <head runat="server"> <title></title> <style type="text/css"> div { width: 20px; height: 20px; background: #00FFFF; position: absolute; } </styl…

点滴积累【JS】---JS小功能（JS实现动态添加运动属性)

效果: 思路: 首先遍历div挨个执行onmouseover事件,再设置获取非行间样式.然后编写setInterval计时器框架,框架内容是:将三个参数 div.div属性.div的目标点,分别获得,然后设置计时器,设置div的移动速度,然后进位转换,再判断什么时候停止,再进行移动. 代码: <head runat="server"> <title></title> <style type="text/css"> di…

点滴积累【JS】---JS小功能（JS实现多物体缓冲运动)

效果: 思路: 利用setInterval计时器进行运动,offsetWidth实现宽度的变动,在用onmouseover将终点和所选中的DIV放入参数再进行缓冲运动. 代码: <head runat="server"> <title></title> <style type="text/css"> div { width: 100px; height: 50px; background: #0000FF; margi…

点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

效果: 思路: 首先,加载onscroll控制滚动条.然后写缓存运动的方法,缓冲运动的方法是先计算出DIV缓冲的速度,并且将其取整,再进行运动判断什么时候到达终点.最后将其参数返回.再在onscroll里面调用此方法,并且将终点计算出来赋予此方法的参数. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 20…

点滴积累【JS】---JS小功能（JS实现隐藏显示侧边栏，也就是分享栏的隐藏显示）

效果: 思路: 首先,利用计时器setInterval实现DIV的隐藏显示功能,然后在进行一个判断,之后在把要移动的相应距离进行一个参数传递,再根据参数判断出移动的方向也就是offsetLeft移动的方向,是正或者是负.最后利用onmouseover和onmouseout,实现DIV的事件. 代码: <head runat="server"> <title></title> <style type="text/css">…

点滴积累【JS】---JS小功能（JS实现排序）

效果: 思路: 首先,获得用到的ID,在把得到的<li>数组添加到array数组里面,然后在进行array排序,排序完后再将array中的数据用appendChild添加到ul里面: 代码: <head runat="server"> <title></title> <style type="text/css"> ul li { background-color: #00FFFF; } </style…

点滴积累【JS】---JS小功能（操作Table--动态添加删除表格及数据）

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> tr { height: 30px; } </style> <script type="text/javascript"> window.onload = function () { var oName = document.getEle…

点滴积累【JS】---JS小功能（列表页面隔行变色）

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById('tab1'); var thiscolor = ''; for (var i = 0; i < otab.tBodies[0].…

点滴积累【JS】---JS小功能(offsetLeft实现图片滚动效果）

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 245px; height: 150px; background: red; margin: 250px; margin-left: 500px; position: absolute; overflow: hidden; } #div1 ul li…

点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> function toDou(n) { if (n < 10) { return '0' + n; } else { return '' + n; } } setInterval( window.onload = function () { var aImg…

点滴积累【JS】---JS小功能(onmouseover实现选择月份)

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> #backcolor { width: 400px; height: 400px; background: #FFFF00; text-align: center; border: ridge 30pt red; margin: auto; } TD { border: ridge…

点滴积累【JS】---JS小功能(checkbox实现全选和全取消)

效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var ckall = document.getElementById('ck1'); var ck = document.getElementsByName('name1'); ckall.onclick…

点滴积累【JS】---JS小功能（button选择颜色)

效果: 代码: <head runat="server"> <title></title> <style type="text/css"> #red { width: 260px; height: 200px; background: #FF0000; display: none; } #green { width: 260px; height: 200px; background: #00FF00; display:…

js小功能1：全选全不选

<form> 请选择你爱好:<br> <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id="hobby2"> 登山 <input type="checkbox" name="h…

JS类小功能

工作中,总是要处理一些前端的小功能.都是网上搜的JS脚本 <script> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script> 判断是否微信浏览器,相应显示与隐藏html元素 <script type=&q…

React.js 小书 Lesson25 - 实战分析：评论功能（四）

作者:胡子大哈 原文链接:http://huziketang.com/books/react/lesson25 转载请注明出处,保留原文链接和作者信息. (本文未审核) 目前为止,第二阶段知识已经基本介绍完,我们已经具备了项目上手实战必备的 React.js 知识,现在可以把这些知识应用起来.接下来是实战环节,我们会继续上一阶段的例子,把评论功能做得更加复杂一点. 我们在上一阶段的评论功能基础上加上以下功能需求: 页面加载完成自动聚焦到评论输入框. 把用户名持久化,存放到浏览器的 LocalSt…