jQuery & javaScript
关注
分享
扫一扫
文章平均质量分 78
许增强
请叫我强哥!
展开
-
BOM和javascript中的trim
今天遇到一个 IE7 下 JSON.parse 失败的问题。经过排查发现：服务端某个配置文件编码是 UTF-8 + BOM，输出的字符串最开始包含了 BOM 字符，不是合法的 JSON。IE7 不支持原生 JSON，我们项目中使用的是 json2.js，但解析不了开头有 BOM 字符的 JSON 不是 json2 的错，其他浏览器正常是因为它们忽略了响应正文开头的 BOM。如果像下面这样写原创 2015-04-16 11:49:32 · 866 阅读 · 0 评论 -
CSS遮罩效果
遮罩效果:覆盖层作用:把焦点限制在高亮层。原理:通过一个绝对定位的层(通常使用div)，设置它的高度和宽度以致能覆盖整个屏幕(包括缩放和滚动浏览器的情况下)，再给它设置一个比较高的z-index来层叠在原有内容之上，这样用户就只能点在这个层的内容上了原创 2014-02-14 15:33:50 · 1520 阅读 · 0 评论 -
javascript cookie实现
Cookie存储于硬盘,可以在javascript充当全局变量。 (function(window){ /*cookie以键值对的方式存储,多个的时候以;分开,document.cookie = "a=1;b=2"; *cookie过期document.cookie = "a=1;expires=GMT时间格式(date.toGMTString())"; *cookie的键原创 2014-12-11 11:44:54 · 493 阅读 · 0 评论 -
jQuery extend方法以及插件编写
jQuery中的扩展方法extend是一个很重要的方法，我们可以利用这个方法编写我们自己的插件。可以先看看这个方法的定义：jQuery.extend = jQuery.fn.extend原创 2014-02-14 16:04:16 · 1491 阅读 · 0 评论 -
javascript中Object.prototype.toString
在javascript中如果要判断某个对象属于哪种类型，最靠谱的方法就是使用Object.prototype.toString方法：例如：var temp = [];alert(Object.prototype.toString.call(temp));弹出"[object Array]"。如果temp=null;那么弹出[object Null]。如果temp=undefined;那么弹出[object Undefined]。原创 2015-01-14 16:06:57 · 808 阅读 · 0 评论 -
jQuery 返回顶部
$("body,html").stop(false,true).animate({scrollTop:settings.backIndex},settings.backTimer);原创 2015-01-30 15:12:11 · 889 阅读 · 2 评论 -
jQuery学习二：浅拷贝
类似继承，只是javascript中的继承就是将一个对象中的所有属性拷贝到另一个对象中去。原创 2014-12-22 16:04:46 · 480 阅读 · 0 评论 -
javascript浏览器检测
浏览器内核：浏览器最核心部分称之为"Rendering Engine"，又称“渲染引擎”，我们通常叫浏览器内核。浏览器内核决定了浏览器如何显示网页的内容以及页面的格式信息。原创 2015-01-28 09:43:40 · 1550 阅读 · 2 评论 -
js去除文本中的html标签
引入:考虑到文本是从富编辑器中取到的数据，有时候我们可能不需要显示格式，这时候需要去除html标签，而只需要其中的文本即可。方式一：利用innerText,jQuery利用text()innerText会自动剔除html标签原创 2014-12-17 11:50:28 · 27050 阅读 · 0 评论 -
jQuery data()函数应用
data(name,value);他可以返回指定元素上存储的相应的名字的数据。他不会在HTML标签中增加任何自定义的属性，而是把数据以隐藏的方式设置的，这样写HTML就很干净了。用途：经常用于jQuery UI设计。原创 2015-01-07 16:07:03 · 556 阅读 · 0 评论 -
jQuery邮箱自动补全
width()/height():获取元素的宽/高。innerWidth()/innerHeight():获取元素的宽/高(包括内边距)。outerWidth()/outerHeight():获取元素的宽/高(包括内边距和边框)。outerWidth(true)/outerHeight(true):获取元素的宽/高(包括内边距和外边距和边框)。$(document).height():获取文档(HTML)文档的高度$(window).height():获取窗口(浏览器)的高度原创 2015-01-07 13:55:59 · 1789 阅读 · 0 评论 -
jQuery Tween缓动算法
/** * * 描述:javascript缓动 * jQuery Tween算法:算法来源：http://www.robertpenner.com/easing/ * @author:xuzengqiang * @since :2015-1-23 11:17:51 * 两种比较复杂的没有收录进来 * Elastic：指数衰减的正弦曲线缓动； * Back：超过范围的三次方缓动（(s+1)*t^3 - s*t^2）；**/原创 2015-01-23 17:49:51 · 2406 阅读 · 0 评论 -
jQuery日历插件编写jquery.calendar.js
jQuery日历插件编写(jquery.calendar.js)：目前比较难解决的问题是：1、皮肤问题，虽然可以自定义皮肤，但是使用起来还是有一定的困难。样式预览：默认皮肤1：原创 2014-02-17 09:39:26 · 21110 阅读 · 0 评论 -
控制textarea中文本长度---input和onpropertychange
IE下使用onpropertychange，非IE下使用input，不能输入的原创 2014-06-23 15:16:32 · 1505 阅读 · 0 评论 -
jquery单页锚点移动
有很多企业网站的官网都有使用这种锚点的方式移动到指定位置的功能。首先点击跳转的元素需新增一个anchor属性，这个anchor属性值就是指定跳转位置元素的name值。调用方法：1、直接对页面上所有锚点元素添加事件。$("..").anchor({...});原创 2015-03-09 11:31:35 · 1241 阅读 · 2 评论 -
CSS3资料整合
border-radius:兼容写法： -moz-border-radius: none | <length>{1,4} [/ <length>{1,4} ]? -webkit-border-radius: none | <length>{1,4} [/ <length>{1,4} ]? border-radius: none | <length>{1,4} [/ <length>{1,4} ]?原创 2015-03-12 16:22:29 · 765 阅读 · 0 评论 -
javascript 单例模式
单例模式经典应用：如：window中的任务管理器，回收站等应用，一直都会维持一个仅有的实例，又如网站的计数器利用单例模式实现同步。原创 2015-03-11 15:54:15 · 783 阅读 · 0 评论 -
javascript性能
1、浏览器在遇到标签之前，不会渲染页面的任何部分。如果将标签放在,这种方法把脚本放在页面的顶端，将导致一个可以察觉的延迟，通常表现为：页面打开时，首先显示为一幅空白的页面，而此时用户即不能阅读，也不能与页面进行交互操作。推荐:将所有的标签放在尽可能接近标签底部的位置。 2、由于每个标签下载时阻塞页面解析过程，所以限制页面的总数也可以改善性能。 非阻塞脚本:等页面加载完成原创 2014-09-17 17:19:26 · 469 阅读 · 0 评论 -
javascript查看详情与收起详情
调用方法： <div id='content_div'> 详情内容</div>调用方法:$("#content_div").detailControl({maxSize:100});原创 2014-10-31 10:41:56 · 2803 阅读 · 0 评论 -
jquery日历插件(2)
1、改进了调用方式，使用更加方便。2、支持导入皮肤库，具体导入方法可以参考源码中的Calendar.loadCSS()方法。如果要自定义皮肤，可以参考源码文件方式，在skin包中新增一个皮肤文件夹，然后参考其他皮肤文件夹中的style.css修改，这个如果是自定义皮肤调用的话就是：jQuery对象.showCalendar({skin:'自定义皮肤文件夹名称'});原创 2015-03-02 11:29:38 · 1439 阅读 · 1 评论 -
Date.format日期转换
RegExp中的$1...$9属性：返回在模式匹配期间找到的，所存储的最近9个部分。每当产生一个带括号的成功匹配时，$1...$9的属性值就会被修改，可以在一个正则表达式中指定任意多个带括号的子匹配，但是最多只能存储9个。原创 2015-03-01 16:15:21 · 1204 阅读 · 0 评论 -
jQuery对称三角箭头
//左箭头$(".left").arrow({color:'#FF0000',height:10,width:20,direction:'left'});//默认情况$(".top").arrow();//向下箭头$(".bottom").arrow({color:'#FF9900',height:30,width:30,direction:'bottom'});原创 2015-02-28 09:30:37 · 1716 阅读 · 0 评论 -
jQuery弹出层
弹出层往往需要设置浮动样式position:absolute;考虑到有一种情况,如：移动到某一个元素上在其下方或者上方显示一个浮动层，作为提示语句，当鼠标移开该元素或者元素的提示层的时候需要隐藏该层，此时可以考虑在该元素外新增一个div或者其它元素，然后将新增的浮动层的html代码通过js加入到新增的div层容器中，此时就只需要考虑当移除该div层的时候才隐藏该层了。但是此时要考虑该元素的位置显示问题，因为position:absolute;是相对于与它最相近的position:absolute原创 2014-12-16 11:11:55 · 797 阅读 · 0 评论 -
jQuery+struts2 ajax刷新列表数据
考虑到分页，查询需要刷新数据,此时我以前通常会考虑原创 2014-11-07 09:55:59 · 709 阅读 · 0 评论 -
JavaScript Tween算法及缓动效果
转载自cloudgamer的文章Flash做动画时会用到Tween类，利用它可以做很多动画效果，例如缓动、弹簧等等。我这里要教大家的是怎么利用flash的Tween类的算法，来做js的Tween算法，并利用它做一些简单的缓动效果。首先大家到这里下载flash的as脚本（建议看看这里的demo），1.0和2.0都可以（里面的算法都一样）。例如打开2.0的可以看到几个as文件，转载 2014-03-21 14:31:15 · 853 阅读 · 0 评论 -
javascript实现div层移动的减速效果
其实原理很简单，当一个div层从起始位置到最终终点位置(endX,endY)的过程中，假设每10ms移动一次。那么利用一个目标值(终点坐标)减去当前div层的位置除以一个定长来作为下次div层要移动的距离即可。由于每次div层的位置都会由于移动越来越接近目标点，那么越隔近终点移动速度就会越来越慢。简单的减速效果。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML原创 2014-03-21 13:51:28 · 740 阅读 · 0 评论 -
jQuery拖拽效果和切割效果
test *{margin:0;padding:0} .borderDiv{width:100px;height:100px;background:#FFFFFF;border:1px dashed #FF0000;position:absolute;top:150px;left:390px;cursor:move;z-index:4} .move{width:10px;height:10原创 2014-04-30 16:39:06 · 690 阅读 · 0 评论 -
dojo中Tree的使用
我用的dojo是1.9版本的，所以使用新的store。创建一棵最简单的树需要如下几个环节：1、创建一个store，并为其实现getChildren方法（获取指定节点的子节点，数据层面）。2、使用创建的store创建一个Model，Model只能是ObjectStoreModel。创建Model的时候一定要指定一个query配置项，该配置项决定了树的根，根必须是唯一。3、使用Mode原创 2014-03-18 15:34:03 · 2274 阅读 · 0 评论 -
dojo初始使用
dojo的头部标准写法: @import "dojo-lib/dojo/resources/dojo.css"; @import "dojo-lib/dijit/themes/tundra/tundra.css";原创 2014-03-07 09:04:51 · 1201 阅读 · 0 评论 -
纯javascript实现广告的无缝滚动
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">广告的无缝滚动 *{margin:0;padding:0;font-family:微软雅黑;} ul{list-style:none;} .adMove{border:1px so原创 2014-03-10 17:01:24 · 2161 阅读 · 0 评论 -
javascript基础
a原创 2014-03-07 10:02:46 · 574 阅读 · 0 评论 -
验证码生成
验证码作用：防止程序员用暴力的方式反复登录从而破解密码的一种方式。验证码每次刷新都会随机生成。主要是利用Graphics这个类画验证码再以字节流的形式传给web。package com.xuzengqiang.tour.user.web.servlet;import java.awt.Color;import java.awt.Font;import java.awt.Graphi原创 2014-02-24 11:04:31 · 561 阅读 · 0 评论 -
js通过类名获取元素对象
方式一:通过遍历所有元素对象获取。原创 2014-05-04 09:57:36 · 13784 阅读 · 0 评论 -
如何写出高质量的javascript代码2
转自:避免隐式类型转换(Avoiding Implied Typecasting )JavaScript的变量在比较的时候会隐式类型转换。这就是为什么一些诸如：false == 0 或 “” == 0 返回的结果是true。为避免引起混乱的隐含类型转换，在你比较值和表达式类型的时候始终使用===和!==操作符。var zero = 0;if (zero === false) {转载 2014-05-05 12:47:49 · 602 阅读 · 0 评论 -
javascript中面向对象的方法模拟
类的创建模型:var Class=function(){ create:function() { return function() { this.initialize.apply(this,arguments); } }}可以利用Class.create()创建任意对象，但是该对象必须实现initalize()方法。转载 2014-03-10 11:21:29 · 490 阅读 · 0 评论 -
javascript自执行函数与原型继承
想自己写个javascript函数库自原创 2014-11-20 21:27:36 · 577 阅读 · 0 评论 -
纯JS 日历插件
没有完善:1、使用方法还可以更简单。2、原创 2014-11-04 15:09:13 · 666 阅读 · 0 评论 -
js简单的切割效果和容器的拖拽
test *{margin:0;padding:0} .borderDiv{width:100px;height:100px;border:1px dashed #AFAFAF;position:absolute;top:100px;left:30px; cursor:move;z-index:4;} .move{width:6px;height:6px;backgro原创 2014-05-05 17:34:38 · 883 阅读 · 0 评论 -
jQuery.qrCode.js实现二维码生成
代码如下:basic example *{margin:0;padding:0;font-family:微软雅黑;} #qrcode{border:1px solid #AFAFAF;width:200px;height:200px}Render in canvas //中文乱码,将UTF-16转换为UTF-8,UTF-16长度为2位,UTF-8为3位 St原创 2014-09-23 11:24:54 · 1376 阅读 · 0 评论 -
javascript自执行函数
啊啊爱爱爱原创 2014-06-24 11:31:28 · 441 阅读 · 0 评论