js
关注
分享
扫一扫
lvw1105
这个作者很懒，什么都没留下…
展开
-
highcharts中x轴曲线不连续时的解决办法
[img]http://dl.iteye.com/upload/attachment/614437/82aca3f1-8e29-37a7-966a-2a3f6387d015.jpg[/img]如上所示，两点之间发生断裂。两个点之间差距过大时，显示为断开的线条，按如下设定后，可以把断开的线条封闭起来。[code="html"] plotOptions: { ...2011-12-30 16:36:06 · 203 阅读 · 0 评论 -
控制highCharts中坐标轴的起始刻度
HighCharts的设定挺多的，用到了哪个就记下来，这次是关于坐标轴的起始值的问题。下面的代码演示了如何固定坐标轴的起始值。[code="js"]$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container' ...2012-07-19 17:37:13 · 1260 阅读 · 0 评论 -
S.O.L.I.D五大原则之SRP(单一职责)
文章转自：http://tech.ddvip.com单一职责的描述如下：一个类（JavaScript下应该是一个对象）应该有一组紧密相关的行为的意思是什么？遵守单一职责的好处是可以让我们很容易地来维护这个对象， 当一个对象封装了很多职责的话，一旦一个职责需要修改，势必会影响该对象想的其它职责代码。通过解耦可以让每个职责工更加有弹性地变化。不过，我们如何知道一个对象的多个行为构造...原创 2012-03-20 16:06:41 · 191 阅读 · 0 评论 -
S.O.L.I.D五大原则之OCP(开闭原则)
文章转自：http://tech.ddvip.comS.O.L.I.D五大原则之OCP(开闭原则)开闭原则的描述如下：Software entities (classes, modules, functions, etc.) should be open for extension but closed for modification.软件实体（类，模块，方法等等）应当对...原创 2012-03-21 08:57:49 · 140 阅读 · 0 评论 -
用正则表达式分离脚本和其他内容
[code="js"]//用正则表达式分离脚本和其他内容function addfriend(url) { $("loading").style.display="block"; var http=new ajax(); http.onreadystatechange=function () { if(ajax_returnresponse(http...原创 2012-04-06 18:20:40 · 98 阅读 · 0 评论 -
document.execCommand()用法说明
[color=red][b]以下内容来自互联网：[/b][/color]2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold ...原创 2012-08-15 11:37:21 · 175 阅读 · 0 评论 -
js+css 简单的高亮选中对象
功能：点击列表中的对象时，为选中对象加上边框（高亮显示）。实现过程：1.为每个对象指定css名称：mycss2.定义两个css，一个overcss，一个outcss3.通过mycss为每个对象绑定mouseover，mouseout，click三个事件的处理，在处理中操作css从而实现选中对象时的高亮显示。注：本文使用了jquery用于方便定位对象。以下...2012-08-23 16:14:13 · 430 阅读 · 0 评论 -
highcharts 取得y轴的最大最小值
highcharts的y轴可以指定最大最小值，如果不指定则由highcharts自动调整，使用下面的方法，在完成charts的绘制后，可以取得y轴的最大最小值。[code="js"]myChart = Highcharts.Chart(.....);miny = myChart.yAxis[0].min;maxy = myChart.yAxis[0].max;[...原创 2013-07-17 14:30:16 · 891 阅读 · 0 评论 -
获取父框架iframe的ID
获取父框架iframe的IDvar frameId = window.frameElement && window.frameElement.id || '';原创 2013-07-22 09:04:12 · 313 阅读 · 0 评论 -
【HTML】模拟事件触发
使用JQuery很容易办到。[code="js"]$("#mySelect").trigger("change");$("#mySelect").triggerHandler("focus");[/code]原创 2013-02-19 11:20:25 · 180 阅读 · 0 评论 -
JS通用事件绑定和移除程序
首先判断是否可使用DOM2级方法，然后判断是否可使用IE方法，最后只能使用DOM0级方法 <script type="text/javascript"> var EventUtil = { addhandler: function(element, type, handler){ if (element.addEventListene...2014-04-30 08:53:57 · 109 阅读 · 0 评论 -
浅谈Javascript 中几种克隆（clone）方式（转）
一：在Javascript里，如果克隆对象是基本类型，我们直接赋值就可以了：1 var sStr = "kingwell";2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = "abc";5 alert(cStr);//输出kingwell;把一个值赋给另一个变量时，当那个变量的值改变的时候，另一个值不会受到...原创 2014-06-11 16:09:06 · 147 阅读 · 0 评论 -
文档声明<!DOCTYPE html>导致document.body.offsetHeight取值为0
关于通过JS获取窗口高度和宽度的问题，如果使用了文档声明（<!DOCTYPE html>），则取得document.body.offsetHeight的值是0，删除文档声明后，则可以取得正确的值，可见文档声明对JS是有影响的，时间关系没有详细调查，下面的一篇文档可以作为参考。 DOCTYPE声明对JS获取窗口宽度和高度的影响...原创 2014-03-03 13:36:07 · 865 阅读 · 0 评论 -
respond.js在IE下不工作
找了半天原因，最后发现原来是respond.js和bootstrap.min.css的顺序出了问题。 正确的顺序是：<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"><!--[if lt IE 9]> <script sr2014-03-07 14:15:21 · 166 阅读 · 0 评论 -
JQuery简单的键盘事件
//键盘操作 $(document).keydown(function(event){ var e = event || window.event; var k = e.keyCode || e.which; switch(k) { case 37: //… break; case 39: //… break; } return false;...原创 2014-09-05 11:11:05 · 145 阅读 · 0 评论 -
JS命名空间
空间的定义 以下片段定义了一个名为CM的空间(function(){ var CM = window.CM = CM || {};})();原创 2014-04-29 17:26:32 · 86 阅读 · 0 评论 -
JS执行环境
全局执行环境是window对象，因此所有全局变量和函数都是作为window对象的属性和方法创建的。 每个函数都有自己的执行环境（注意，是函数，不是对象） 对象的方法中的this，指的是调用者。var myobj = new Object();myobj.name = "Lee";myobj.showName = function(){ return this...原创 2014-04-29 18:21:47 · 107 阅读 · 0 评论 -
angularJS 中的逻辑form
angularJS中可以针对form表单进行校验，例如 <form name="myForm"> <input type="text" name="name" required/> <span ng-show="myForm.name.required">请输入名称</span>原创 2014-10-20 18:50:51 · 130 阅读 · 0 评论 -
javascript注册事件的四种方式
[list][*][*]element.onclick=function(){}[*]element.onclick=new Function()[*]element.attachEvent("onclick",function(){})[/list]给oTarget的sEventType事件注册一个fnHandler的方法[code="js"] functio...原创 2012-03-16 14:34:49 · 429 阅读 · 0 评论 -
在js中使用动态原型方法定义对象
使用动态原型方法定义Car类[code="js"]function Car(sColor,iDoors,iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.drivers = new Array("Mike","John"); if (typeof Car....原创 2012-03-16 10:36:34 · 128 阅读 · 0 评论 -
highcharts 时间问题
highcharts 中默认开启了UTC（世界标准时间），由于中国所在时区为+8，所以经过highcharts的处理后会减去8个小时。如果不想使用UTC，可以进行如下设置。[code="html"] Highcharts.setOptions({ global: { useUTC: false } }); [/code]...2011-12-30 16:43:37 · 177 阅读 · 0 评论 -
checkboxList 全选的代码
[code="html"]var selectAllFlg = false;function selectAll() { var list = document.getElementById("waveDataListTable").getElementsByTagName("input"); for (var i = 0; i < list.length; i++)...2012-01-04 18:27:03 · 140 阅读 · 0 评论 -
利用jquery的ajax提交页面上的表单
[code="html"]$.ajax({ type:'POST', url:'downloadWaveData.action', data:$('#downListForm').serialize(), success: function(){ alert("data post ok."); } });[/code]2012-01-09 10:48:59 · 132 阅读 · 0 评论 -
关于js事件冒泡
文章转自http://woshao.com/article/809b72f4132311e081e3000c295b2b8d/1.什么是事件冒泡：页面上有好多事件，也可以多个元素响应一个事件.假如:原创 2012-01-14 17:30:52 · 151 阅读 · 0 评论 -
HighCharts线型设定
HighChartsdefaultSeriesType与plotOptions里的设定要一致，例如：defaultSeriesType: [b]'line'[/b],plotOptions: { [b]line[/b]: { lineWidth: 1, states: { hover: { lineWidth: 1 } },...2012-01-16 19:45:18 · 168 阅读 · 0 评论 -
jquery 中函数的定义和调用
下面的代码定义了一个setRefreshInterval(seconds)方法，并且在下拉列表发生变更时调用它。[code="javascript"]$(document).ready(function(){ var intervalFlag = null; $.extend({ 'setRefreshInterval':function(seconds) {...2012-01-18 20:36:04 · 804 阅读 · 0 评论 -
二次调用action，使用json解析设备返回的数据
web服务器与某台设备通信，web服务器向设备发出http请求，设备返回文本数据，把返回的数据封装进ActionContext中,使用chain二次调用action返回数据的格式(实际没有回车换行):deviceName=device01--separator--waveDataList[0].channelNo=1--separator--waveDataList[0].ch...2012-01-19 10:46:17 · 146 阅读 · 0 评论 -
highcharts 内存泄露的解决
使用了定时ajax刷新,趋势图不停的刷新,在chrome中没有问题,但在ie中内存的使用不断增加.无意中看到了hightcharts网站上有一个内存泄露的测试,测试了一下发现ie的内存使用得到了很大改善.http://www.highcharts.com/tests/?file=memory-chart-destroy总结：// 绘制趋势图chart = new Highc...2012-01-19 16:49:23 · 790 阅读 · 0 评论 -
最佳jQuery窗口插件(Modal Dialog Plugins)
淘了几个jquery的窗口插件，有的带有模态，也可以做遮蔽。分享一下哈~~以下列表来自：[url]http://www.21andy.com/blog/20090611/1324.html[/url][list][*]FancyBox[*]Boxy[*]FaceBox[*]BlockUI[*]Impromptu[*]nyroModal[*]FancyZo...原创 2012-01-19 19:38:38 · 132 阅读 · 0 评论 -
js 给数组对象追加indexOf函数
[code="javascript"]Array.indexOf = (Array.prototype.indexOf) ? function(a, val) { return Array.prototype.indexOf.call(a, val); } : function(a, val) { ...原创 2012-01-20 09:00:40 · 460 阅读 · 0 评论 -
jquery 的日期时间控件（年月日时分秒）
控件的外观很漂亮，但是需要导入几个jquery的包才行，在IE6中运行稍微有些慢[b]注：例子中出现的jquery-ui-1.7.3是jquery的插件，包含了日期控件的国际化和一些动画特效[/b]，下载地址：[url]http://jqueryui.com/[/url][code="javascript"] $('#dyStartDateTim...2012-01-20 16:50:57 · 1632 阅读 · 0 评论 -
jquery的datepicker
更详细介绍官网：http://jqueryui.com/demos/datepicker/ 第一次使用jquery的datepicker时，找了很久才找到怎么设置中文，今天重新学习了一下，原来jquery已经自带好了，在jquery根目录/development-bundle/ui/i18n/每个国家相对于的语言js文件，简体中文的为jquery.ui.datepicker-zh-...原创 2012-01-29 15:01:18 · 133 阅读 · 0 评论 -
blockUI 模态窗口
function blockUIWithModal(message) { $.blockUI({ message: '' + message + '', css: { border: 'none', padding: '15px', backgroundColor: '#000', ...原创 2012-02-02 16:25:47 · 196 阅读 · 0 评论 -
js中按字节截取字符串
功能：在网页中显示过长的字符串，截取指定长度，结尾添加省略号。例如：testStr = "测试1字符串";autoAddEllipsis(testStr, 1); // "测..."autoAddEllipsis(testStr, 2); // "测..."autoAddEllipsis(testStr, 3); // "测..."autoAddEllipsis(tes...2012-05-11 17:09:06 · 390 阅读 · 0 评论 -
控制Highcharts中x轴和y轴坐标值的密度
绘制小一点的Highcharts图表的时候，因为图表太小了，坐标轴上的刻度值显示不出来怎么办捏，只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离，单位是像素，y轴默认值72，x轴默认值100。[code="js"]chart = new Highcharts.Chart({ chart:{ ...原创 2012-05-30 15:36:04 · 843 阅读 · 0 评论 -
Jquery.LazyLoad.js插件修正版下载，实现图片延迟加载特效【转】
转自：http://paskaa.iteye.com/blog/883201之前一直有关注过Jquery.LazyLoad.js 这个特效，但一直没有用，这几天研究了一下，并应用于实际中，对网站SEO 方面没有什么帮助，不过可以节省一些流量，对于大网站来说显的尤为重要，至于节省了多少流量我无从统计。从 网上下载来的版本多多少少都有些BUG，尤其是加载后在IE6和IE7下图片闪动是个...原创 2013-03-04 09:29:53 · 115 阅读 · 0 评论 -
js控制html中的readonly
注意readOnly中的O是大写。[code="html"]document.getElementById("xxxxx").readOnly = true;document.getElementById("xxxxx").readOnly = false;[/code]原创 2012-03-15 15:55:55 · 193 阅读 · 0 评论 -
JQuery中的offset()
obj.offset().left 和 obj.offset().top返回的是距离浏览器边框的位置，这两个值会随着浏览器窗口的大小而改变。原创 2014-12-02 13:56:59 · 134 阅读 · 0 评论