JavaScript
文章平均质量分 66
doubleicon
这个作者很懒,什么都没留下…
展开
-
HtmlEncode和JavaScriptEncode(预防XSS)
在数据添加到DOM时候,我们可以需要对内容进行HtmlEncode或JavaScriptEncode,以预防XSS攻击。JavaScriptEncode使用“\”对特殊字符进行转义,除数字字母之外,小于127的字符编码使用16进制“\xHH”的方式进行编码,大于用unicode(非常严格模式)。//使用“\”对特殊字符进行转义,除数字字母之外,小于127使用16进制“\xHH”的方...转载 2018-06-20 16:15:30 · 3487 阅读 · 0 评论 -
Jquery对象转换为Dom对象
在使用Jquery时有时需要把Jquery对象转换为Dom对象,转换方法是在Jquery对象后面添加一个中括号零,即[0]如$("#container")[0]原创 2015-03-28 18:04:02 · 501 阅读 · 0 评论 -
JavaScript 日期格式化
/* 函数:格式化日期 参数:formatStr-格式化字符串 d:将日显示为不带前导零的数字,如1 dd:将日显示为带前导零的数字,如01 ddd:将日显示为缩写形式,如Sun dddd:将日显示为全名,如Sunday M:将月份显示为不带前导零的数字,如一月显示为1 MM:将月份显示为带前导零的数字,如01 MMM:将月份显转载 2014-08-29 17:13:45 · 787 阅读 · 0 评论 -
跟着8张思维导图学习javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出8张javascript相关的思维导图。转载 2014-09-10 11:32:29 · 779 阅读 · 0 评论 -
eval、JSON.parse和JSON.stringify
evalJSON.parseJSON.stringify原创 2014-08-19 17:28:19 · 1689 阅读 · 0 评论 -
JavaScript命名规范
1、javascript 命名规范变量的命名规则有两种标记法A、Camel标记法首字母是小写的,接下来的字母都以大写字符开头,如(var testValue,secondValue)B、Pascal(匈牙利类型标记法)标记法首字母是大写的,接下来的字母都以大写字符开头,如(var TestValue,SecondValue)在以Pascal标记法命名的变量前面附件一个小写字原创 2014-07-31 18:03:19 · 727 阅读 · 0 评论 -
js 实现皮肤切换
利用javascript来实现皮肤的切换原创 2014-07-30 17:59:52 · 1672 阅读 · 0 评论 -
javascript 实现datagrid
1、本文主要是实现datagrid,分页采取的jQuery.pagination.js,首先我们需要引入jQuery与jQuery.pagination.js,然后实现datagrid,代码如下:原创 2014-06-17 15:56:58 · 1704 阅读 · 0 评论 -
颜色选择器
代码如下:/** * jQuery插件:颜色选取器* *@author doubleicon*@url http://blog.csdn.net/u011872945*@name jquery.colorpicker.js*@since 2014/6/13 16:09:00*/(function ($) { var ColorHex = new Array(原创 2014-06-13 18:08:30 · 800 阅读 · 0 评论 -
FireFox禁止鼠标拖拽图片
document.ondragstart=function() {return false;}原创 2015-07-29 17:06:50 · 1454 阅读 · 0 评论 -
Ajax请求正常返回了数据、但是总是走error分支
在做Ajax请求时,数据正常返回了,但是到Js代码总是走error分支,研究了好久,原来是返回的数据格式不多,需要返回json格式,当返回的是非json格式,所以返回结果以后总是走error原创 2015-09-09 16:10:32 · 4187 阅读 · 0 评论 -
JavaScript编码解码
一、定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串,含有 URI 或其他要编码的文本。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII原创 2016-04-05 22:59:30 · 347 阅读 · 0 评论 -
JavaScript闭包(Closure)
最近在整理JavaScript学习笔记时,总是在考虑闭包的用处是什么?JavaScript中为什么要引入闭包?是为了解决什么问题JavaScript引入了闭包呢? 一、变量的作用域 要理解闭包,首先要理解JavaScript变量作用域,JavaScript变量作用域有两种,一种是全局变量、另外一种是局部变量,由于JavaScript是链式作用域,所以子函数可以调用父函数的变量(从本级作用域一级一转载 2017-06-20 20:54:52 · 368 阅读 · 0 评论 -
JavaScript学习笔记apply、call、bind用法说明
JavaScript关键字apply、call、bind用法说明以及示例。原创 2017-05-26 18:11:12 · 1024 阅读 · 0 评论 -
JavaScript作用域链
上一篇文章中介绍了Execution Context中的三个重要部分:VO/AO,scope chain和this,并详细的介绍了VO/AO在JavaScript代码执行中的表现。本文就看看Execution Context中的scope chain。 作用域 开始介绍作用域链之前,先看看JavaScript中的作用域(scope)。在很多语言中(C++,C#,Java),作用域都是通过代码块(转载 2017-05-25 15:57:41 · 358 阅读 · 0 评论 -
JavaScript关键字this用法说明
JavaScript中this出现的场景主要分为如下四类: 1、通过函数名直接调用,this指向window对象。 2、通告对象.函数名调用,this指向该对象(函数作为数组的一个元素,通过数组下标调用的:this指向这个数组)。 3、使用new关键字创建对象,this指向新创建的对象。 4、通告apply、call、bind改变this的指向。 一、通过函数名称直接调用:function原创 2017-05-25 10:17:50 · 669 阅读 · 0 评论 -
JavaScript执行上下文
在JavaScript中有三种代码运行环境: ● 全局代码(Global Code) : ○ JavaScript代码开始运行的默认环境 ● 函数代码(Function Code) ○ 代码进入一个JavaScript函数 ● Eval代码(Eval Code) ○ 使用eval()执行代码 为了表示不同的运行环境,JavaScript中转载 2017-05-25 12:33:26 · 399 阅读 · 0 评论 -
JavaScript实现图片预览
今天在开发一个上传图片的功能时,图片上传到服务器以后,在显示在客户端,需要等待好长时间,于是查了查JS实现突破预览功能,在此记录一下,以备下次使用时,可以迅速找到;代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js图片预览功能</title><scri原创 2017-04-04 19:12:25 · 706 阅读 · 0 评论 -
JS实现web签名
jSignature 在网页上手写签名的插件(html5手写签名) 在IE7~IE8这种不支持HTML5的浏览器上,是利用Flash嵌入的方式实现的签名处理; 在支持的HTML5的浏览器上默认采用canvas标签处理签名,可以生成 PNG格式、SVG格式的签名图片。 非常适合在IPAD等移动客户端上实现手写签名的,该插件基于JQuery原创 2017-03-23 18:14:56 · 22660 阅读 · 3 评论 -
JavaScript与C#编码解码
escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-ZencodeURI不编码字符有82个:!,#,$,&,’,(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-ZencodeURIComponent不编码字符有71个:!, ‘,(,),*,-,.,_,~,0-9,a-z,A-Z一、JavaScript: escape :js使用数据时可以使转载 2017-02-20 19:26:52 · 323 阅读 · 0 评论 -
javascript 事件的捕获和冒泡
1、说明对于“捕获"与"",我们可能对冒泡更熟悉一些,因为在所有的浏览器中,都支持事件冒泡,即事件由子元素向祖先元素传播,如气泡从水底向水面上浮一样,而在firefox,chrome这种标准的浏览器中,事件传播还有一个阶段,那就是捕获阶段,这个很少有人用,所以常常被人疏忽,捕获就是与冒泡完全相反的过程,即事件有祖先元素,向子元素传播,如同将一个石子从水面沉到水底一样,但是在IE,ope原创 2014-05-30 17:57:35 · 1014 阅读 · 1 评论 -
javascript注册事件-addEventListener和attachEvent
1、javascript注册事件的方法2、addEventListener和attachEvent原创 2014-05-30 18:32:27 · 2128 阅读 · 0 评论 -
遍历JavaScript对象的所有属性
/* * 用来遍历指定对象所有的属性名称和值 * obj 需要遍历的对象 */ function allPrpos(obj) { // 用来保存所有的属性名称和值 var props = ""; // 开始遍历 for(var p in obj){ // 方法 if(typeof(obj[转载 2014-05-06 18:26:18 · 591 阅读 · 0 评论 -
js 操作json说明
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。本文主要是对JS操作JSON的方法做下总结。在JSON中,有两种结构:对象和数组。 1. 一原创 2014-05-05 15:03:04 · 598 阅读 · 0 评论 -
js 获取地址栏里面的参数
有时我们需要在js文件中用URL传来的参数,但是Javascript是客户端执行的脚本语言,而Session是服务器端的对象,我们不能直接取得Session中的值。那么,我们该如何在JS文件中获取URL中的参数呢?下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法。原创 2014-05-05 14:52:48 · 1161 阅读 · 0 评论 -
web 上传图片以及裁减
上传图片以及图片的裁减原创 2014-05-04 13:05:20 · 1627 阅读 · 0 评论 -
无刷新上传图片
前台html代码: 无标题页 $(function() { $('#fileUp').change(function() { $('#uploadLog').html('开始上传中....'); $('#formFile').submit();原创 2014-04-30 15:08:45 · 935 阅读 · 0 评论 -
javascript的属性与方法
【私有变量】 在对象内部使用'var'关键字来声明,而且它只能被私有函数和特权方法访问。【私有方法】 在对象的构造函数里声明(或者是通过var functionName=function(){...}来定义),它能被特权方法调用(包括对象的构造方法)和私有方法调用,私有函数只能访问私有的方法和属性。【特权方法】通过this.methodName=function(){...}来声明原创 2014-05-16 11:07:59 · 641 阅读 · 0 评论 -
javascrip 构造函数说明
javascrip 构造函数说明一、示例说明 /* 普通函数与构造函数本质上没有任何区别,只是我们调用的方式不同而已,关键在于一个字 new。调用构造函数:newfunction_name();调用普通函数:function_name();在函数中有一个this对象,this始终代表该函数的调用者。如果是构造函数,this就是构造出来的新对象原创 2014-05-16 17:54:09 · 556 阅读 · 0 评论 -
javascript 冒泡的阻止
事件冒泡(的过程):事件从发生的目标(event.srcElement||event.target)开始,沿着文档逐层向上冒泡,到document为止。事件捕获(的过程):则是从document开始,沿着文档树向下,直到事件目标为止。关键一句:在IE浏览器中,只发生事件冒泡的过程;在W3C(或支持事件捕获的)浏览器中,事件先进入有外向里进入捕获阶段,再由里向外进入冒泡阶段。我们原创 2014-05-30 18:19:17 · 1494 阅读 · 0 评论 -
弹出可以拖动的框
function FloatWindow() { var cd = this; cd.MIN_HEIGHT = 40; cd.MIN_WIDTH = 180; cd.elementObj = null; this.create = function (opts) { var date = new Date();原创 2014-06-13 10:01:27 · 699 阅读 · 0 评论 -
html5 canvas 线(一)
canvas 中线的属性说明:原创 2014-07-01 16:45:20 · 854 阅读 · 0 评论 -
html5 canvas fillRect
矩形绘制矩形清除矩形线形曲线文本图像其他原创 2014-07-01 15:20:57 · 1275 阅读 · 0 评论 -
自由拖动的div层
//this的说明,谁调用this,那么this指向那个对象 var drag = { elementObj: null, init:function(obj){ obj.onmousedown = this.startEvent;//drag 调用的init方法,this在此指向 drag原创 2014-05-28 16:49:00 · 856 阅读 · 0 评论 -
canvas 贝萨尔曲线
二次贝塞尔曲线三次贝塞尔曲线转载 2014-07-01 18:38:29 · 1489 阅读 · 0 评论 -
javascript 阻止事件的默认行为
在做前端开发时,我们经常会使用到阻止事件的默认行为,以下是阻止浏览器默认行为的方法,有一下两种1、event.preventDefault()在非IE浏览器中使用,preventDefault()(取消事件的默认动作)方法来阻止事件相关联的的默认行为。该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",原创 2014-06-05 09:44:56 · 2704 阅读 · 0 评论 -
js正则验证与扩展方法
1、为js添加去除空格的方法,代码如下:String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }2、正则判断是否输入英文字母//判断输入的字符是否是英文字母 var IsLetter=function(inputvalue){原创 2013-10-30 16:37:29 · 811 阅读 · 0 评论