随笔分类 - javascript
摘要:最近工作需求需要播放预览一些音乐资源,所以自己写了个控制audio的音乐播放器。 实现的原理主要是通过js调整audio的对象属性及对象方法来进行控制: 1.通过play()、pause()来控制音乐的播放与暂停 2.通过duration、currentTime获取音乐长度及实时播放进度 3.通过v
阅读全文
摘要:Chart.js默认的显示方式是鼠标经过Point点的时候才会显示这个点的值,代码如下: 这样子所绘制出来的效果如下图所示: 当鼠标经过2018139那个点的时候才会显示3,但是有时候我们需要默认显示这些值,这个时候需要在options中添加如下代码: 添加之后你就会发现canvas已经可以默认显示
阅读全文
摘要:最近需要做一个iframe调用其他页面内容,这个iframe地址是可变化的,但是里面的内容高度不确定且里面内容高度可调整,所以需要通过监听iframe里面body的高度变化来调整iframe的高度。 后面发现了一个好用的插件detect-element-resize.js,首先看一下这个插件的介绍:
阅读全文
摘要:实现思路:通过正则匹配到字段是否符合条件,时间段转换为时间戳比对。 这是大体的效果图: 页面的html代码 下面为请求数据: 首先实现一个单据号单条件查询,遍历查询单据号字段,有符合条件的添加到newArry中,遍历完毕之后表格加载newArry数据展现查询结果: 查询实现: 下面我们用采购部门和时
阅读全文
摘要:最近做一个支付的项目需要做个计算器,所以发现了一个问题。 比如: 0.03/0.00003=999.9999999999999 0.0003*0.3=0.000029999999999999997 0.1+0.2=0.30000000000000004 等... 后面查了一下发现原因是: 浮点数值的
阅读全文
摘要:Web存储机制,在这里主要聊有关于Web Storage API提供的存储机制,通过该机制,浏览器可以安全地存储键值对,比使用cookie更加直观。接下来简单的了解如何使用这方面的技术。 基本概念 Web Storage 包含两种机制: sessionStorage为每一个给定的源维持一个独立的存储
阅读全文
摘要:这篇文章适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。 三元操作符 如果使用if...else语句,那么这是一个很好节省代码的
阅读全文
摘要:最近写一个类似土豆播放器选集数的滚动条,需要的效果是当鼠标位于选择集数的div中时只能滚动该div的滚动条,但是浏览器滚动条禁止滚动~ 网站找了很多方法都是直接隐藏滚动条,最终找到下面方法 代码: 代码测试: 禁止浏览器滚动条滚动 允许浏览器滚动条滚动
阅读全文
摘要:弹出式窗口通常被用来做弹出广告(CPM),其实用弹出式窗口用来做消息通知也是最普遍而且是最有效的方法,但如果每次刷新页面特别是刷新首页都要弹出窗口的话,那绝对是让访问者厌烦的事情。 比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,我们使用cooki
阅读全文
摘要:情况是这样的: 在ie6下出现一个js error,说是JSON.parse为定义,一查,才知道,ie6,ie7不支持JSON。 solution:只要在使用JSON之前加载个json2.js就行了。 参考:http://stackoverflow.com/questions/2503175/jso
阅读全文
摘要:看到标题时,有些同学可能会想:“我已经用xhr成功地发过很多个Ajax请求了,对它的基本操作已经算挺熟练了。” 我之前的想法和你们一样,直到最近我使用xhr时踩了不少坑儿,我才突然发现其实自己并不够了解xhr,我知道的只是最最基本的使用。于是我决定好好地研究一番xhr的真面目,可拜读了不少博客后都不
阅读全文
摘要:var nod = document.createElement(“style”), str = “body{background:#000;color:#fff} a{color:#fff;text-decoration:none;} a:hover{color:red;text-decoration:underline}”; nod.type=”text/css”; if(no...
阅读全文
摘要:javascript/js的ajax的GET请求代码如下所示: javascript/js的ajax的POST请求: 注意:XMLHttpRequest 是 AJAX 的基础,在创建 XMLHttpRequest 对象时,必须与你写的ajax方法在同一个‘<script></script>'标签中!
阅读全文
摘要:parse用于从一个字符串中解析出json对象,如 结果: 注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。 stringify()用于从一个对象解析出字符串,如 结果:
阅读全文
摘要:两种方法,方法一: js代码: html: 原生js实现,方法二: js代码: html:
阅读全文
摘要:1. Zepto 对象 不能自定义事件 例如执行: $({}).bind('cust', function(){}); 结果: TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象: 例如: $('').
阅读全文
摘要:HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中
阅读全文
摘要:回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环。比如 mamam redivider . 判断其是否为回文,可先通过split()方法将其转换为数组,然后在通过reverse()方法颠倒其排序,最后通过join()方法转换回字符串进行比较。 最终效果:
阅读全文
摘要:内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.
阅读全文
摘要:在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现: 1 使用数组的方式,如下: 2 将数据封装到Json中返回,如下: 3 这是最简单的一种方法,看下面代码:
阅读全文