Javascript
文章平均质量分 71
_iorilan
10年以上软件工程经验,先后从事在线教育/IT金融/即时通信/政府/物流平台/零售/门禁/监控等领域。专注夯实基础/项目成本与架构平衡/框架调研/团队高效协同工作
展开
-
jquery选择器 总结
Jquery 选择器总结 Jquery选择器之基本CSS选择器: 选择器描述例*任何元素$(“*”)E标签名称为E的所有元素$(“dv”)E F标签名称为E,作为E的后代节点的所有元素$(“div p”)原创 2011-06-27 10:00:00 · 1381 阅读 · 0 评论 -
jquery操作数组元素
jQuery对于数组元素操作主要提供了以下工具: (1)数组和对象的例遍:jQuery.each(obj,callback)通用例遍方法,可用于例遍对象和数组。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。(2)数组元素的过滤:jQuery.grep(ar转载 2011-06-27 11:32:00 · 3040 阅读 · 0 评论 -
JavaScript事件捕获与事件冒泡原理
原文地址:http://blog.sina.com.cn/s/blog_6c07dac30100lkw8.html 支持W3C标准的浏览器在添加事件时用addEventListener(event,fn,useCapture)方法,基中第3个参数useCa转载 2011-07-04 11:32:58 · 1733 阅读 · 0 评论 -
你必须知道的最好的开源WEB 资源
文章来源:Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。学习HTML 5编程和设计★ HTML5 Rocks : Major Feature Groups 的学习 HT转载 2011-07-06 17:21:59 · 2279 阅读 · 0 评论 -
16进制颜色代码对照表
转自:http://blog.csdn.net/sdust_zh/article/details/2153294红色和粉红色,以及它们的16进制代码。 #990033 #CC6699转载 2011-07-29 09:43:56 · 22700 阅读 · 2 评论 -
颜色搭配
1背景色:#F1FAFA″———做正文的背景色好,淡雅A2背景色:#E8FFE8″———做标题的背景色较好A3背景色:#E8E8FF″———做正文的背景色较好,文字颜色配黑色A4背景色:#8080C0″———上配黄色白色文字较好A5背景色:#E8D098″———上配浅蓝色或蓝色文字较好A6背景色:#EFEFDA″———上配浅蓝色或红色文字转载 2012-02-07 12:05:22 · 1097 阅读 · 0 评论 -
chrome下使用jquery中的load函数无效问题
原文:http://hi.baidu.com/goofyu/item/91443ad4705a3990270ae710Chrom下使用load()函数读取页面有个先决条件,就是要有个服务器环境,我把页面放在iis下面,就好使了~转载 2012-06-25 21:56:08 · 3249 阅读 · 0 评论 -
免费的网页原型制作工具
转自:http://hi.baidu.com/cjfhn/blog/item/e6651aa5936184e39052eeec.html网页的线框图是非常直观、但是也没什么技术上难点的东西。只需要你大概描出页面上需要的一些元素,比如头部、导航、页脚等等,最多再就是一些交互、内容区域什么的。但这对于任何网络应用的开发都是非常重要的。当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,转载 2012-07-13 13:36:28 · 2457 阅读 · 0 评论 -
json to obj and obj to json in javascript
json obj to string var str = JSON.stringify(obj); json string to obj var obj = eval('(' + jsonStr + ')');原创 2013-05-18 18:25:37 · 2006 阅读 · 0 评论 -
7 个效果震憾的 HTML5 应用组件
From : http://www.oschina.net/news/41941/7-html5-apps?from=20130707在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5是强大的,是WEB的未来。1、HTML5实时动态数据转载 2013-07-10 17:09:34 · 2455 阅读 · 0 评论 -
JavaScript 面向对象的使用
From : http://www.oschina.net/translate/create-advanced-web-applications-with-object-oriented-techniques?from=20130630JavaScript对象是字典在C++或C#中,当谈及对象时,我们指的是类或者结构的实例。对象根据实例化出它的模版(也即,类转载 2013-07-03 12:52:09 · 1412 阅读 · 0 评论 -
LINQ IN js
Reference: http://www.codeproject.com/Articles/603742/LINQ-for-JavaScriptLINQ-JS (function () { // Default methods function DefaultEqualityComparer(a, b) { retu原创 2013-07-30 12:13:21 · 1460 阅读 · 0 评论 -
IIFE (immediate-invoke function expression ) in javascript
IIFE(Immediate invoke function expression)sometime , we hope to define and invoke a function immediately .for this case , can have several ways to do .(function(){ /* code */ }()); // reco原创 2013-07-30 12:01:33 · 3505 阅读 · 0 评论 -
js input only allow double type
obj.keypress(function (event) { if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which 57)) { event.preventDefault();原创 2013-05-19 00:05:43 · 1413 阅读 · 0 评论 -
Javascript 文本框只能输入1-4
step1 :清空当前值step 2:限制输入,只接受1-4document.getElementById("txtTest").onkeypress = function(evt){this.value = '';//clean value evt = (evt) ? evt : window.event; var charCode = (evt.which原创 2013-08-14 10:48:50 · 1143 阅读 · 0 评论 -
dynamic add js and css
function LoadJsCssFile(filename, filetype) { if (filetype == "js") { //if filename is a external JavaScript file var fileref = document.createElement('script');原创 2013-05-12 18:59:34 · 1475 阅读 · 0 评论 -
Javascript do Postback
whenever you want to do a postback from javascript side : 1.Add a server side button and set its visible = false: 2.add javascript code : __doPostBack("", '');原创 2013-08-24 22:02:20 · 2070 阅读 · 0 评论 -
Pass value between Parent page and dialog page
pass value between parent page and dialog page 1.open new window, pass value base page : $("#btnOpenNewPage").click(function () { window.open("DialogPage.aspx");//must open原创 2013-08-24 22:07:48 · 1613 阅读 · 0 评论 -
jTemplate Sample
Sales <!-- //global variables Items = null; Customers = null; Sales = null; //update selection of Customers and refresh entries function UpdateCustomer(原创 2013-10-05 15:03:43 · 1320 阅读 · 0 评论 -
浏览器事件模型与jquery事件
首先看一下浏览器事件模型:可见,浏览器在解析时候,要过两遍HTML,一次是从上而下,称为事件捕获;一次从下而上,称为事件冒泡(关于事件冒泡和事件捕获,这里就不详细说了)。停止冒泡的方式:e.stopPropagation();第一种事件模型,在html中直接绑原创 2011-07-04 11:25:23 · 2033 阅读 · 0 评论 -
jquery 小记
扩展Jquery方法: $fn.replaceWith=function(html){Return this.after(html).remove();};使用方法:$(“div.elementToReplace”).replaceWith(“Iam rep原创 2011-07-05 10:04:48 · 1072 阅读 · 0 评论 -
Jquery 异步加载页面 简单示例
Jquery异步加载页面HTML部分:页面中放一个DIV,用于异步加载一个页面: 添加一个按钮,用于触发异步加载的事件: Js部分: $("#btnLoad").click(function(){$("#asyncLoadPage").load("AsynPage.aspx");}); 其中,AsynPages.asp原创 2011-06-24 17:54:00 · 5703 阅读 · 0 评论 -
HTML5--canvas之drawImage用法
HTML5中引入新的元素canvas,其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型:drawImage(image, dx, dy) drawImage(image, dx,转载 2011-08-04 14:33:25 · 13077 阅读 · 0 评论 -
js filter的使用
Person 类:/*person class*/function Person(name,age){this.name = name;this.age = age;this.hobby = new Array();}Person.prot原创 2011-09-05 15:54:19 · 3364 阅读 · 0 评论 -
HTML5之文件拖拽
将HTML5中的文件拖拽封装成了类,供需要的人使用:drag.js:document.write("");//////要放在哪个容器,容器的ID////function FileDrager(cntId){this.containerI原创 2011-09-14 14:28:24 · 1146 阅读 · 0 评论 -
html5 涂鸦板
效果图:HTML5涂鸦板var drawingBrd;var context;var penColor ="#FF0000";var penSize = 1;window.onload = function(){//====================涂鸦板===============原创 2011-12-28 14:03:29 · 2438 阅读 · 1 评论 -
js中引入js
document.write("");document.write("");document.write("");document.write("");然后在html文件中直接引入game.js即可原创 2011-08-02 09:44:31 · 1604 阅读 · 0 评论 -
JAVASCRIPT 面向对象入门 示例
/*person class*/function Person(name){this.name = name;}Person.prototype ={getName : function(){return this.name;},set原创 2011-09-01 15:15:59 · 1091 阅读 · 0 评论 -
JS+HTML5 游戏模板
game.html :var canvas = document.getElementById("cvsPnl");var context = canvas.getContext("2d");////原创 2011-09-01 15:25:56 · 2301 阅读 · 1 评论 -
HTML5拖拽二 植物大战僵尸V0.1版本
为研究HTML5中的拖拽事件,以下是V0.1的植物大战僵尸的HTML5代码,功能还没有完善,利用了HTML5的拖拽。植物大战僵尸V0.1.wapon{width:50px;height:50px;border:1px sol原创 2011-09-15 14:34:22 · 2802 阅读 · 1 评论 -
jquery获得radio选中项
HTML部分: IP 本地 其他JS:var value = $("input[name='rdolstIp'][type='radio']:checked").val();//获得选中项的值原创 2011-07-13 09:52:01 · 1615 阅读 · 1 评论 -
JS中的反射
反射函数:ReflectObj参数:obj,要反射的对象用途:遍历一个对象包含的成员和函数:function ReflectObj(obj){var ret = "";for(var p in obj){ret += obj[p] + "\原创 2011-09-14 14:49:25 · 1814 阅读 · 1 评论 -
js中json的序列化和反序列化
先引用json2.js,如果是支持HTML5的浏览器则不用序列化: var s = new Object(); s.Name = "clientValue"; s.Id = 1; s.ClassId = 2; va原创 2011-10-08 16:57:49 · 2715 阅读 · 0 评论 -
JS 动态增加DIV 的大小
一开始,直接+=了,忘了取到的width和height都是带px的。 记录一下,以后可能能用到document.getElementById("btnLarger").onclick = function(){if(document.getElementById("dropBox").width >= 800 || document.getElementById("dr原创 2011-12-16 14:29:52 · 1763 阅读 · 0 评论 -
HTML5批量拖拽图片到网页
拖拽本地图片到页面指定元素内 function isImage(type) {switch (type) {case 'image/jpeg':case 'image/png':case 'image/gif':case 'image/bmp':case 'image/jpg':return true;default:return fals原创 2011-12-22 11:07:09 · 1889 阅读 · 0 评论 -
js获取屏幕大小
转自:http://www.cnblogs.com/lf6112/archive/2011/07/26/2117348.htmlfunction a(){document.write("屏幕分辨率为:"+screen.width+"*"+screen.height+""+"屏幕可用大小:"+screen.availWidth+"*"+screen.availHe转载 2012-02-03 10:23:17 · 1287 阅读 · 0 评论 -
jquery 特效整合
jquery做的特效很多,整合了几种常用的,为了自己下次用着方便,也希望给需要的人提供帮助。参考了下面的连接:http://webdesignerwall.com/tutorials/jquery-tutorials-for-designershttp://hi.baidu.com/vevoly/blog/item/ccd29845b834e437869473f1.html原创 2012-02-02 15:48:13 · 1110 阅读 · 0 评论 -
消除frame边框
加上frameborder="0px"这几句原创 2012-02-03 10:42:07 · 2290 阅读 · 0 评论 -
透明滚动条 HTML
转自:http://my.68design.net/41158/blog/12452.htmlbody{overflow:scroll;overflow-x:hidden;background-color:#fff;scrollbar-face-color:#fff;scrollbar-shadow-color:#fff;scrollbar-highlight-color:#转载 2012-02-07 10:19:26 · 4962 阅读 · 0 评论 -
JS常用函数 大全
转载:http://zhangbq168.blog.163.com/blog/static/2373530520086215149426/2007年08月05日 星期日 15:50Js常用函数1.常规函数javascript常规函数包括以下9个函数:(1)alert函数:显示一个警告对话框,包括一个OK按钮(2)confirm函数:显示一个确认对话框,包转载 2012-02-07 16:23:17 · 1478 阅读 · 0 评论