Javascript
关注
分享
扫一扫
desert3
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用ajax和history.pushState无刷新改变页面URL onpopstate（转）
[code="javascript"]var htmlData1 = $.ajax( { url: "/getXXXResponse", async: false }).responseText;[/code]转自：[url=http://www.52ladybug.com/?p=202]使用ajax和history.pushSta...原创 2012-04-10 13:20:50 · 247 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-继承
真正的面向对象的语言必须支持继承机制，[color=red]即一个类能够重用（继承）另一个类的属性和方法[/color]。ECMAScript实现继承的方式：[list][*]对象冒充（object masquerading）：构造函数使用this关键字给所有的属性和方法赋值。因为构造函数只是一个函数，所以可使ClassA的构造函数成为ClassB的方法，然后调用它。ClassB就...2011-11-09 14:49:07 · 208 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-浏览器中的JavaScript&DOM基础
HTML中的JavaScript：标签，内嵌代码，外部文件 使用何者的考虑：[color=red]代码可维护性，缓存[/color]XHTML（可扩展HTML）：使用type声明内嵌代码或要加入的外部文件的mime类型，而不使用language属性。使用CDATA段：[color=red]XML中的CDATA段用于声明不应被解析为标签的文本（XHTML也是如此）[/color]...2011-11-09 14:52:38 · 150 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-事件
JavaScript和HTML之间的交互是通过[color=red]用户和浏览器操作页面时引发的事件（event）[/color]来处理的。事件流：意味着在页面上可有不仅一个，甚至多个元素响应同一事件。点击页面上面的按钮，会发生什么？实际上，是点击了按钮、它的容器及整个页面。从逻辑上说，每一个元素都按照特定的顺序响应那个事件。[color=red]事件发生的顺序（也就是事件流）[/colo...2011-11-09 16:53:28 · 148 阅读 · 0 评论 -
jquery Fixture 插件
jQuery.Fixture插件是[color=red]一个包含在javascriptMVC内部的（也可以单独使用，下载地址：[url]http://v3.javascriptmvc.com/jquery/dist/jquery.fixture.js[/url]）用来模拟ajax请求返回值的jquery插件。[/color]Fixtures 可以用来模拟ajax请求的返回值，这样在开发javasc...原创 2012-06-07 10:16:57 · 228 阅读 · 0 评论 -
knockoutjs -- if 绑定
参考：[url]http://knockoutjs.com/documentation/if-binding.html[/url]If 绑定用来控制一部分html标签是否生成在DOM树中（html标签有data-bind属性）。只有if的[color=red]条件表达式等于true（或者是类似true的值，如非null的对象，非空字符串）[/color]，那么对应的html才会被输出，否则...原创 2012-06-14 16:22:59 · 914 阅读 · 0 评论 -
textarea文本框限制输入文本数量（Firefox，Chrome，Safari）、Javascript取得字符ASCII码值、常见字符ASCII码值...
[code="javascript"] // focus用来对应Chrome浏览器往文本框拖入值 // mouseenter mouseleave 用来对应Firefox浏览器往文本框拖入值 $("#input").bind("blur focus keyup mouseenter mouseleave", function(){handleMaxlengthLimit("#input...原创 2012-04-07 10:35:53 · 182 阅读 · 0 评论 -
jquery-validation-1.9.0
jQuery验证插件：简单高效的客户端验证框架，提供很多属性来实现个性化效果。，显示尽可能少的错误提示信息来提示用户使得画面达到用户友好的效果。[color=red]内置很多常用的验证方法[/color]，如Email，Url等，同时也提供接口来[color=red]实现自己的验证方法，也可以调用服务器端方法来验证[/color]。[color=red]支持国际化[/color]，支持...原创 2012-04-07 15:52:45 · 272 阅读 · 0 评论 -
knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI
Knockout 是个JavaScript library，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。[img]http://dl.iteye.com/upload/attachment/0066/2358/972f1569-682c-3709-bbaf-e47145e508ac.png[/img]knockout.js 官网：...原创 2012-04-09 14:35:03 · 189 阅读 · 0 评论 -
knockoutjs 静动态数据、行为绑定，计算属性及Sync同步更新 Value值更新事件控制...
data-bind="text: firstName"中data-bind属性是Knockout 用来显示关联UI和viewmodel的桥梁， text 表示把绑定的文本赋值给DOM元素click 用来关联按钮点击事件data-bind="value: firstName"来动态绑定到input 输入框的值 当文本框的值发生变化时，ko先更新viewmodel的数据，然后根据obs...原创 2012-04-09 15:24:49 · 406 阅读 · 0 评论 -
knockoutjs foreach array绑定 表格 下拉框绑定
动态表格使用observable arrays and the foreachko.observableArray： 观察者模式，根据array动态更新表格ko中的流程控制标签：foreach, if, ifnot, and with在foreach的数据源发生变化时，ko并不会重新生成整个table， [color=red]更高效地，ko会找到viewmodel中变化的部分， 然...原创 2012-04-09 16:04:11 · 362 阅读 · 0 评论 -
knockoutjs 单页引用 客户端重定向（location.hash history.pushState）
大部分现代的，相应的，迷人的Web应用已经超越经典的Ajax，变成单页引用（single page applications:）。用户能象使用本地应用一样，在一个界面内完成各种操作，一个很著名的例子就是：GMail。这些[color=red]单页引用使用hash-based url 或者 pushState 导航来支持 浏览器的回退、前进、书签操作[/color]。（location.ha...原创 2012-04-10 10:33:56 · 308 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-对象基础
ECMAScript对象是JavaScript比较特殊的特性之一。[color=red]JavaScript中一切都是对象（包括函数）[/color]。[color=red]ECMA-262的对象定义：属性的无序集合，每个属性存放一个原始值、对象或函数[/color]。对象的构成：[color=red]在ECMAScript中，对象由特性（attribute）构成，特性可以是原始值，也可以...2011-11-09 10:27:52 · 128 阅读 · 0 评论 -
knockoutjs -- load save data（与服务器进行数据交互） & binding绑定
[b]和服务器交互数据：[/b]Knockout 是一纯javascript库，它可以与[color=red]任何能发送和接收JSON数据[/color]的服务器进行交互。从服务器取得数据：使用$.getJSON或者$.ajax从服务器端取得JSON数据，然后更新viewmodel。[color=red]注意：你并不是在服务器下载完数据后才执行ko.applyBindings操作。不需...原创 2012-04-10 15:51:25 · 176 阅读 · 0 评论 -
Javascript alert object、JavaScript版本迷局
1，使用alert(object.toSource()) 注：[color=red]经测试，最新版FF支持，IE9不支持[/color][code="javascript"]alert(object.toSource())[/code]2，自己编写printObject方法，遍历object属性，然后alert，[color=blue]兼容所有浏览器[/color][code...原创 2012-07-30 15:18:55 · 489 阅读 · 0 评论 -
knockoutjs -- applyBinding & Observables
[b]applyBindings[/b]ko.applyBindings(myViewModel); // Knockout调用[color=red]applyBindings激活myViewModel（即把myViewModel和View中的声明式绑定data-bind关联起来）[/color]ko.applyBindings(myViewModel, document.getEleme...原创 2012-04-16 15:35:34 · 215 阅读 · 0 评论 -
knockoutjs -- all built-in buildings
[url=http://knockoutjs.com/documentation/introduction.html]所有可用的binding值[/url][list][*]文字和显示：visible, text, html, css, style, attr[*]流程控制：foreach, if, ifnot, with[*]form字段:click, event, submit...原创 2012-04-16 16:12:11 · 121 阅读 · 0 评论 -
Javascript函数：函数声明、函数表达式、NFE被命名的函数表达式
参考：[url=http://javascript.info/tutorial/functions-declarations-and-expressions]functions-declarations-and-expressions[/url]在Javascript中，[color=red]函数象变量一样可以在任何地方被定义[/color]。Javascript中定义函数有如下3...原创 2012-08-07 15:45:13 · 299 阅读 · 0 评论 -
Javascript函数、变量的初始化顺序、Javascript上下文环境
参考：[url=http://javascript.info/tutorial/initialization]Initialization of functions and variables[/url][b]Javascript函数、变量的初始化顺序：[/b]1，预执行期：[list][*]a.函数声明被初始化，放置到全局变量（全局上下文环境）window中[*]b.va...原创 2012-08-07 15:57:15 · 167 阅读 · 0 评论 -
Javascript Closures闭包、为什么要闭包（闭包作用）、变量作用域
转自：[url]http://www.jb51.net/article/24101.htm[/url][b]1，Javascript变量作用域[/b]全局变量、局部变量（本地变量）Javascript语言的特殊之处，就在于[color=red]函数内部可以直接读取全局变量[/color]；另一方面，在[color=red]函数外部无法读取函数内的局部变量[/color]。[colo...原创 2012-08-10 14:00:46 · 175 阅读 · 0 评论 -
knockoutjs 变量引用方式、怪异问题排查
[b]问题：[/b]使用knockoutjs的过程中，有时候会发现一些奇怪的现象： 譬如[color=red]字段值改了后，相关引用的地方不起作用！即相关画面效果没有跟着动态变化[/color]。[b]排查：[/b][list][*]从javascript控制台中查看是否有脚本错误，[color=red]脚本错误[/color]可能会导致knockoutjs后续脚本不执行[*]...原创 2012-08-24 15:01:18 · 168 阅读 · 0 评论 -
CoffeeScript
CoffeeScript是[color=red]一个被编译成javascript的小语言。[/color]Javascript除了拥有那些丑陋的大括号、分号外，同时也拥有一个华丽的对象模型作为其核心。CoffeeScript是尝试以一种[color=red]简单方式来发扬Javascript精粹部分的编程语言[/color]。CoffeeScript的黄金规则："[color=red]它就...原创 2012-04-20 15:05:43 · 147 阅读 · 0 评论 -
javascriptmvc 3.2.2
JavaScriptMVC是一个以MIT协议开源的Javascript框架，是一系列创建javascript应用程序的最佳实践和工具。它基于jQuery，包含在jQuery开发中的最佳想法，通过[color=red]提升最佳实践、可维护性、约定优于配置（惯例优先原则）[/color]来指导你成功完成项目。主要由下述4个相互独立的部分构成：[b]StealJS[/b] - 依赖管理， 代...原创 2012-04-19 17:10:06 · 173 阅读 · 0 评论 -
模式对话框画面自提交后，dialogArguments丢失的问题(Firefox)
主画面弹出模式对话框，要求在模式对话框画面能[color=red]单次[/color]动态操作主画面内容可以通过window.returnValue来实现[color=red]多次[/color]动态操作主画面内容可以通过传递主画面的函数到弹出页面来实现Firefox下window.showModalDialog弹出的模式对话框画面，画面自提交后，window.dialogArgume...2010-11-11 11:01:50 · 221 阅读 · 0 评论 -
下拉框禁止滚动（滚动不会触发onchange事件）
#禁止滚动事件[code="html"][/code]#2个框的滚动条同步滚动[code="html"]onscroll="document.getElementById('divhead').scrollLeft = this.scrollLeft" [/code]原创 2010-09-23 20:47:24 · 555 阅读 · 0 评论 -
Jsonp & 跨域访问
什么是JSONP协议?JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。很明显，JSON...原创 2011-04-19 11:43:03 · 127 阅读 · 0 评论 -
弹出层 覆盖层
[code="html"] 添加物流信息 [/code][code...原创 2011-04-29 10:04:19 · 216 阅读 · 0 评论 -
表格中同一列的相同元素合并单元格
列的css class为class_name[code="javascript"] var that; $(".class_name").each(function(){ if ($(this).text() == $(that).text()) { rowspan = $(that).attr("rowSpan"); if (rowspan =...原创 2011-05-19 08:43:07 · 463 阅读 · 0 评论 -
JavaScript脚本
[code="javascript"]// 回车转Tabfunction enterOperation2Tab(){ if (event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event...原创 2011-05-19 08:47:02 · 250 阅读 · 0 评论 -
JavaScript语法高亮插件SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/SyntaxHighlighter is an open source Java Script client side code syntax highlighter.[code="java"]//注释代码[/code]原创 2010-09-29 23:07:23 · 162 阅读 · 0 评论 -
多选框互选
多选框：multiple OPTGROUP [code="html"]第一个多选框 合肥市 市辖区 瑶海区 第二个多选框[/code][code="javascript"]// 脚本//= 0; i--){ if (sourceSelect.options[i].selected){ cachOpti...原创 2011-05-20 10:20:17 · 233 阅读 · 0 评论 -
My97DatePicker日期时间控件
官网：[url]http://www.my97.net/dp/index.asp[/url][code="html"]// 脚本导入// 初始值// 控件[/code]原创 2011-05-22 10:10:53 · 125 阅读 · 0 评论 -
javascript replace replaceAll
[code="javascript"]javascript的replace函数"aaa".replace("a","A") ---> "Aaa"// 正则表达式替换实现replaceAll效果"aaa".replace(/a/g,"A") ---> "AAA"$("#machine_nos&quo2011-06-01 16:06:52 · 186 阅读 · 0 评论 -
javascript String.format%1 %2和String.formatmodel {k}
[code="javascript"]String.format = function(str) { var args = arguments, re = new RegExp("%([1-" + args.length + "])", "g"); return String(str).replace( re, function($1, $2) { ...原创 2011-06-21 20:47:44 · 231 阅读 · 0 评论 -
判断点在多边形内Javascript代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>img usemap属性</title> </head><script>原创 2010-08-20 15:51:15 · 223 阅读 · 0 评论 -
大下拉框过滤 Filtering Large Select Lists(GPL开源协议)
[url=http://www.barelyfitz.com/projects/filterlist/index.php/2]Filtering Large Select Lists[/url][code="html"]Filterlist ExampleFilterlist Example Keanu Reeves Laur...原创 2011-07-12 09:39:43 · 194 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- JavaScript对象
[b]JavaScript 对象[/b]除了数字、字符串、布尔值、null、undefined（都不可变）这5种简单类型，其他都是对象。JavaScript中的对象是[color=red]可变的键控集合（keyed collections）[/color]。[color=red]对象是属性的容器[/color]，其中每个属性都拥有名字和值。JavaScript中的对象是[color...原创 2011-10-14 15:06:49 · 141 阅读 · 0 评论 -
"汉诺塔"问题
[code="js"]// "汉诺塔"难题：塔的设备包括三根柱子和一套直径各不相同的空心圆盘。开始时源柱子上的所有圆盘都按照较小的// 圆盘放在较大的圆盘上的顺序堆叠。目标是通过每次移动一个圆盘到另一根柱子，最终将一堆圆盘移动到目标柱子// 上，过程中不可以将大的圆盘放置在较小的圆盘之上。var hanoi = function (disc, src, aux, dst) { ...原创 2011-10-17 14:09:57 · 206 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- JavaScript函数
JavaScript 函数：函数包含一组语句，他们是JavaScript的基础模块单元，用于代码复用、信息隐藏和组合调用。函数用于指定对象的行为。[b]函数对象Functions[/b]：[color=red]在JavaScript中函数就是对象。对象是“键值”对的集合并拥有一个连接到原型对象的隐藏连接。[/color]对象字面量产生的对象连接到Object.prototy...2011-10-17 14:19:54 · 137 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- 继承
[b]继承inheritance[/b]：在那些基于类的语言（比如java）中，继承提供了两个有用的服务。一、[color=red]它是代码重用的一种形式[/color]；二、[color=red]它包含了一套类型系统的规范（无须显式类型转换）[/color]。JavaScript是一门[color=red]弱类型[/color]的语言，从来不需要类型转换。对象的起源是无关紧要的。...2011-10-25 11:05:41 · 169 阅读 · 0 评论