js/ajax
jazwoo
这个作者很懒,什么都没留下…
展开
-
JavaScript 效果 - so cool
So cool转自:http://coolshell.cn/?p=2276Simple Sudoku Solver 这是一个“数独游戏”,其在你游戏的过程中可以在空格处提示你可能的数字。February 2010Cloth Simulation 这是一个极端的布料仿真程序。使用鼠标拖曳,按着g键拖曳可以把布悬挂起来。August转载 2012-04-05 10:45:18 · 459 阅读 · 0 评论 -
解决js获取不到 dom.style.left 类似的属性( currentStyle(IE),defaultView(FF) 样式值 )
因为写js经常需要用到访问样式,我们常用的做法是通过 DOM.style.XXX来读写样式信息的。可是DOM.style这种写法只能访问,这样在标签里内置的样式,如果样式写在,或者.css文件里,那么就办法读到样式了。其实呢,还有别的方法可以读到这些样式信息,方法有两种,一种是通过document.styleSheets对象,另一种是通过“最终样式”对象。其中 IE中这个对象叫做curre原创 2012-08-15 22:33:33 · 3357 阅读 · 0 评论 -
js 获取width为auto时的实际宽度
要获取div运行时的width,需要用到currentStyle(IE),defaultView(FF) 样式值 function getStyle( elem, name ) { //如果该属性存在于style[]中,则它最近被设置过(且就是当前的) if (elem.style[name]) return elem.style[name原创 2012-08-16 15:43:13 · 6752 阅读 · 0 评论 -
js 添加事件 attachEvent和addEventListener 使用方法
target.addEventListener(type, listener, useCapture);target 文档节点、document、window 或 XMLHttpRequest。 type 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener 实现了 EventListener 接口或者是 Java原创 2012-08-16 14:50:00 · 671 阅读 · 0 评论 -
js 面向对象5种写法
Java代码 //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circle.prototype.area = function() { return Circle.PI * this.r * this.r; } var c = n转载 2012-08-16 09:28:25 · 817 阅读 · 0 评论 -
你可能不知道的10个JavaScript小技巧
尽管我使用Javascript来做开发有很多年了,但它常有一些让我很惊讶的小特性。对于我来说,Javascript是需要持续不断的学习的。在这篇文章中,我将列出10个Javascript使用小技巧,主要面向Javascript新手和中级开发者。希望每个读者都能至少从中学到一个有用的技巧。1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进转载 2012-08-31 10:54:51 · 557 阅读 · 0 评论 -
正则表达式全部符号解释
正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。本文详细地列出了能在正则表达式中使用,以匹配文本的各种字符。当你需要解释一个现有的正则表达式时,可以作为一个快捷的参考。更多详细内容,请参考:Francois Liger,Craig M转载 2012-08-31 20:34:43 · 935 阅读 · 0 评论 -
js date
Date Object Properties日期对象方法FF: Firefox, N: Netscape, IE: Internet ExplorerFF:火狐,N:网景,IEMethod方法Description描述FFNIEDate()Returns today's date and time返回今天的日期和时间1转载 2012-09-05 15:30:03 · 789 阅读 · 0 评论 -
Js 日期Date自定义格式输出解决
1. Javascript中日期的格式化输出比较复杂, 这里采用正则表达式替换相应的格式.2. new Date中 不是任何日期格式的字符串都可以new成Date对象的, 目前仅发现"yyyy/MM/dd hh:mm:ss"及UTC格式的字符串 [javascript] view plaincopyprint?"text/javas转载 2012-09-05 16:31:04 · 1075 阅读 · 0 评论 -
js Date类型的构造函数及其parse的用法
Date(日期)对象可以使用Date()构造器来创建。无参数的构造函数 var today = new Date(); var today = new Date(); 返回当前的日期和时间new Date("month dd,yyyy hh:mm:ss"); month:用英文表示月份名称,从January到December month:用原创 2012-09-16 14:42:41 · 1084 阅读 · 0 评论 -
Js 检测客户端是否安装Acrobat pdf阅读器
function isAcrobatPluginInstall(){//如果是firefox浏览器if (navigator.plugins && navigator.plugins.length) {for (x=0; x<navigator.plugins.length;x++) {if (navigator.plugins[x].name== 'Adobe Acrobat')ret转载 2012-10-09 10:05:02 · 1679 阅读 · 0 评论 -
js获取元素div相对body的距离
如何取到页面中任意某个Html元素与body元素之间的偏移距离?offsetTop和offsetLeft 这两个属性,IE 、Opera和Firefox对它俩的解释存在差异:IE5.0+ 、Opera8.0+: offsetTop和offsetLeft 都是相对父级元素Firefox1.06: offsetTop和offsetLeft 都是相对于body元素因此:原创 2012-08-15 22:50:49 · 17258 阅读 · 0 评论 -
jsgraphics图形库
http://www.karlson.ru/jsgraphics/html/index.html此JavaScript图形库可在网页上动态绘制圆、椭圆、斜线、折线、多边形(包括三角形、矩形)。底层通过创建大量1px*1px的DIV实现,同时对于连续的像素进行了优化,尽量地减少所需的DIV,因此有较好的性能,当然和Java2D、GDI+、OpenGL、DirectX、Flash、SVG、VML及原创 2012-08-13 15:34:19 · 1117 阅读 · 0 评论 -
常用JQuery插件整理
UI: jquery.HooRay(哈哈,自己写的插件是必须有的) jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了转载 2012-04-05 10:58:26 · 400 阅读 · 0 评论 -
scroll 事件停止时触发
用过scroll事件的人都知道,在每次拖动滚动条的时候会相应的事件会相应多次,而在大多数情况下我们都只希望它在滚动条停止滚动的时候 响应。经过多次测试,终于发现了一个比较好的解决方案,那就是通过setTimeout,给scroll加个延迟。例如用jQuery为页面加入 scroll事件,可以这样写: var timeout = false; $(window).scroll(fun转载 2012-03-20 20:58:16 · 3699 阅读 · 0 评论 -
IE中js document.execCommand()的用法小记
首先要说明的是在firefox下支持不好。2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗体显示与否。转载 2012-05-06 16:05:07 · 1661 阅读 · 0 评论 -
js 控制IE 自动保存网页
//window.open方式 保存导入excel的Error提示内容到本地function outFile() { //将保存的文件 默认名称var filename='错误汇总'; //打开新的页面var b=window.open('','','top=10,left=10'); //输出内容 b.document.write( ' ');原创 2012-05-06 16:07:53 · 1229 阅读 · 0 评论 -
jquery bind动态绑定事件传参
比如给span添加一个Onclick事件$("#s1").bind("onclick",getMore);要想传递参数应该怎么写呢直接写$("#s1").bind("onclick",getMore(a,b) );这样是不对的 以下两种供参考1.$(#s1").bind("onclick", {a:1,b:2},geMore); function ge转载 2011-12-18 11:08:57 · 1006 阅读 · 0 评论 -
js判断某html元素是否存在
今天想在html中找到时候有table标签,用jquery查找var table=$("table");但是怎么判断时候table存在呢,直接alert(table)返回object,判断if(table)也是true,,突然想到了document.getElementsByName 得到的其实是一个数组,于是想到可以通过判断数字长度好判断$("table").lengt原创 2012-07-04 20:27:39 · 3230 阅读 · 0 评论 -
一个纯js实现树
共两个文件1:main.def.js: 树数据结构定义2: main.imp.js: 一些基本的树生成实现(包括树形SELECT, 标准文件夹结构树[可折叠,可添加点击动作])main.Impl.js中的图片自己去找,图片文件名可以不一样,不要修改前面的NAMESBOTTOM:"" 适用:IE8 FireFox3.6.X节点数目:在一个节点下不能超过150个子节点,但原创 2012-08-01 15:01:15 · 2944 阅读 · 0 评论 -
CSS、JS中的相对路径引用
初学者由于对一些比较基本的知识的把握不是很牢,所以在开发或者设计的时候,往往很容易出现一些错误或者异常现象而找不到出错的根源。记得自己刚刚java入门的时候,会出现一些很“离奇”的现象,然后一遍一遍查看自己的代码,一步一步的进行调试(当然那个时候的调试方式也只是从初学这的角度上而言的,大多是比较粗略的手段),还是发现不了哪里出了问题,这直接打击学习的积极性。甚至有时候,照着书本或者教学视频敲的实例转载 2012-07-19 11:08:01 · 1281 阅读 · 0 评论 -
js 获取汉字首拼和全拼和拼音
今天需要用到js获取汉字拼音,提供一个js 下载地址为 http://www.yzzmf.com/images/jquery_plugs/ChinesePY.js源码如下var Pinyin={}Pinyin._JMcode={"-":"","—":"","\"":"","#":"","%":"","(":"",")":"","*":"",",":"","、":原创 2012-08-09 10:50:16 · 180746 阅读 · 0 评论 -
pdf.js javascript实现pdf阅读器
https://github.com/mozilla/pdf.js 可在该网站下载到pdf.jspdf.js 升级至 1.0 版本,并且将成为未来 Firefox 内嵌的 PDF 阅读器。和 Google Chrome 使用的源自 Foxit 的闭源 PDF 浏览插件不同,PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。原创 2012-08-10 17:13:56 · 13363 阅读 · 3 评论 -
网页中adobe PDF显示,js控制pdf页面滚动
在网页中使用PDF文档:用户可HTML 标记从 HTML 文档链接到PDF文档。当网络用户单击HTML 页上的该链接时,PDF 文档打开。该文档可充满整个浏览器窗口,或启动作为帮助应用程序的一个 Acrobat 阅读器,这取决于用户如何配置其网络浏览器 。以下例子使用 链接到一个 PDF 文档:您也可指定打开 PDF 文档后可对它执行的动作。例如,您可能想打开文原创 2012-10-09 16:28:17 · 5128 阅读 · 1 评论 -
showModalDialog
What?模态对话框失效了? 上个礼拜修改测试一个后台管理项目,在测试与各个浏览器兼容性的时候,发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是undefined。这么多问题很令人头疼,下面就各个主流最新版的浏览器进行了一下测试。转载 2012-11-04 19:34:13 · 867 阅读 · 0 评论 -
前端优化
1 CSS 优化方案1.1 使用 CSS 优化工具a) online CSS Optimizer ;b) CSS Formatter and Optimizer 。解决方案 :选取以上一个工具进行进行优化。 1.2 清理 CSS在我们写样式的时候,页面的 CSS 在经历几转载 2013-04-01 09:50:33 · 680 阅读 · 1 评论 -
ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传
在页面动态创建 form 表单和 ifram 贞,设定 form 表单提交的目标为 ifram 贞,将文件域和要 post 的参数动态写入 form 表单中,然后提交 from 表单。通过 window.attachEvent 向 ifram 贞的 onload 事件中注册监听事件响应回调函数。1.html 部分 [html] 2.调用部分[javascript]转载 2014-01-07 00:03:33 · 1034 阅读 · 0 评论 -
Jquery DataTables 之完全总结
了解DataTables官方网站:http://www.datatables.net/简介:DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:自动分页处理即时表格数据过滤数据排序以及数据类型自动检测自动处理列宽度可通过C原创 2013-12-22 23:07:47 · 2257 阅读 · 0 评论 -
DataTables ajax 动态更新数据
taTableExt.oApi.fnReloadAjax = function(oSettings, sNewSource, fnCallback, bStandingRedraw) { if (sNewSource !== undefined && sNewSource !== null) { oSettings.sAjaxSource =原创 2013-12-23 16:07:13 · 4466 阅读 · 0 评论 -
Chrome 扩展开发之消息传递
在开发 Chrome 扩展时经常需要在页面之间进行通讯,比如 background 与 content script 之间,background 与 popup 之间等等,本文结合官方文档中的例子介绍了 chrome 扩展开发中消息传递的基本实现。一般情况下,我们会让 background 来控制一切,将扩展的主要逻辑都放在 background 中比较便于管理。其它页面可以通过消息传递的原创 2014-01-08 14:05:36 · 1759 阅读 · 0 评论 -
chrome插件示例
1、chrome插件简单介绍 1.1基本概念 一个chrome插件其实是压缩在一起的一组文件,包括HTML、CSS、JavaScript脚本,图片文件、还有其它任何需要的文件。插件从本质上来说就是web页面,它们可以使用所有的浏览器提供的API,从XMLHttpRequest到JSON到HTML5全部都有。 另外,插件可以和web页面交互,或者通原创 2014-01-08 11:58:27 · 874 阅读 · 0 评论 -
chrome插件详解
http://open.chrome.360.cn/extension_dev/overview.html综述当读完了这个综述和入门之后,就可以开始创建应用(扩展)和WebApp了。注意:WebApp是通过应用(扩展)的方式实现的,所以除非特别声明,本页所有内容都适用于WebApp。基本概念一个应用(扩展)其实是压缩在一起的一组文件,包括HTML,CSS,J转载 2014-01-08 11:29:56 · 860 阅读 · 0 评论 -
Grunt使用示例
由于项目中的需求要用到 grunt.js ,了解使用之后感觉各种高端、牛逼、方便、好使呀,里面有各种插件,基本上能满足一般的项目需求了,而我们的项目中暂时只用到 grunt-contrib-less、grunt-contrib-watch 而已,还有 grunt-contrib-htmlmin、grunt-contrib-jshint 等等,更多插件请到 这里 瞄瞄吧。要使用 grunt.原创 2014-01-12 13:28:16 · 787 阅读 · 0 评论 -
树状插件 Jquery-zTree的基本用法
【简介】zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动、编辑、删除 支持任意更换皮肤 /转载 2014-02-08 21:12:00 · 6970 阅读 · 0 评论 -
js 拉框选中多个元素
看到云盘里,使用js实现鼠标拉卡un个原创 2014-07-01 10:29:39 · 1305 阅读 · 0 评论 -
heatmap.js 一个用canvas画热力图的利器
heatmap.js可以使用canvas画出来一张漂亮的heatmap。更重要的是它支持数据的动态添加。比如,上图的演示就是一个利用mousemove事件生成heatmap的例子。它会自动的刷新canvas,实时显示鼠标运动的heatmap。打开heatmap.js发现里面的代码并不多,但是真的很精悍。页面代码请点击这里[heatmap.js],下面我做一个code的分析吧,看了那转载 2014-07-11 17:55:36 · 2499 阅读 · 1 评论 -
jsonp 跨域请求
先说说JSONP是怎么产生的:其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,小可不才,试着用自己的方式来阐释一下这个问题,看看是否有帮助。1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;2、不过我们又发现,Web页面上转载 2013-12-31 11:34:00 · 772 阅读 · 0 评论 -
grunt入门指南之三 常用插件的使用
先来看个图:上图是这二年前端炙手可热的项目,这么项目多多少少都需要构建工具支持,grunt是不二之选。前面二篇教程,大量使用grunt-contrib-uglify插件进行演示,一方面是uglify(压缩js文件)任务,基本上是代码发布前必须执行的,另一方面grunt-contrib-uglify非常典型,堪称grunt的插件的代码。接下来明河再拎出一些常用的插件,转载 2013-10-29 16:13:07 · 1049 阅读 · 0 评论 -
使用jsunit测试js
以往在测试js的时候,都是以alert方式来检测错误,很不专业,今天发现竟然有jsunit这个测试工具,感觉非常不错。 废话不说了,是骡子是马拉出来溜溜再说。 1 简单入门实例 首先我们定义我们的函数 这里以最简单的加减乘除四个方法来进行测试 建立我们的js文件myjs.js Js代码 function add(num1,num2){转载 2013-04-01 09:52:03 · 908 阅读 · 0 评论 -
Zero Clipboard实现浏览器复制到剪贴板(多个复制按钮)
1,首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。下载地址:ZeroClipboard.js注意:以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径,可使用ZeroClipboard.setMo转载 2013-07-07 12:55:29 · 2487 阅读 · 1 评论