随笔分类 -  javascript

javascript
摘要:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body> <canvas id="canvas" height="400" width="600" style="background: #333;"></canvas> <script type=" 阅读全文
posted @ 2012-03-20 14:09 火腿骑士 阅读(920) 评论(0) 推荐(0)
摘要:JS技巧:Flex与JavaScript的交互:调用JavaScipt或者被JavaScript调用一、在JavaScript中调用Flex方法在Flex中可以用ExternalInterface来调用Flex的方法,途径是1.通过在Flex应用可调用方法列表中添加指定的公用方法。在Flex应用中通过调用addCallback()可以把一个方法添加到此列表中。addCallback将一个ActionScript的方法注册为一个JavaScript和VBScript可以调用的方法。addCallback()函数的定义如下:addCallback(function_name:String, cl. 阅读全文
posted @ 2012-01-17 09:59 火腿骑士 阅读(222) 评论(0) 推荐(0)
摘要:http://code.google.com/p/jquery-websocket/downloads/listThis plug-in is used to send and receive the JSON object directly with Web Sockets API.UsageConnectionvar ws = $.websocket("ws://127.0.0.1:8080/");Sending Messagews.send('hello');// sending message is '{type:'hello' 阅读全文
posted @ 2012-01-16 18:21 火腿骑士 阅读(7877) 评论(0) 推荐(0)
摘要:document 文挡对象 - JavaScript脚本语言描述---------------------------------------------------------------------注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象\\\\\"---------------------------------------------------------------------对象属性document.title //设置文档标题等价于HTML的title标签documen 阅读全文
posted @ 2011-12-28 09:49 火腿骑士 阅读(161) 评论(0) 推荐(0)
摘要:instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array,Null等特殊对象使用typeof 一律返回object,这正是typeof的局限性。如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对 阅读全文
posted @ 2011-12-28 09:46 火腿骑士 阅读(143) 评论(0) 推荐(0)
摘要:asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)2011/9/10 11:46:55 | 阅读37次 首先来看一些效果图: 这个是淘宝首页的搜索效果 京东首页的搜索效果 我修改的jQuery.AutoComplete实现的效果 一、实现效果分析 我要实现的效果就是和GOOGLE类似,需要满足一下3个要求(因为这样我认为是最好的用户体验,毕竟GOOGLE做了那么久了): 、首先根据关键字列出关键字相关的信息(包含统计信息) 、可以使用键盘上下键选择(默认不选中第一条),文本框内容根据选择信息变换 、当选择第一或者最后一条时再向上或 阅读全文
posted @ 2011-12-25 20:25 火腿骑士 阅读(247) 评论(0) 推荐(0)
摘要:Javascript keyCode键盘键码值表 keycode 0 =keycode 1 =keycode 2 =keycode 3 =keycode 4 =keycode 5 =keycode 6 =keycode 7 =keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 10 =keycode 11 =keycode 12 = Clearkeycode 13 = Enterkeycode 14 =keycode 15 =keycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 阅读全文
posted @ 2011-12-25 17:30 火腿骑士 阅读(234) 评论(0) 推荐(0)
摘要:http://akquinet.github.com/jquery-toastmessage-plugin/ jquery-toastmessage-plugin by akquinetjquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. It's a quite nice way to report info or error to the user. jquery-toastmessage-plugin's main features 阅读全文
posted @ 2011-12-23 16:00 火腿骑士 阅读(433) 评论(0) 推荐(0)
摘要:<!--[if IE 6]><link href="/lcarmen16/templates/l-carmentheme/css/ie6.css" rel="stylesheet" type="text/css" media="screen" /><![endif]--><!--[if IE 7]><link href="/lcarmen16/templates/l-carmentheme/css/ie.css" rel="styl 阅读全文
posted @ 2011-12-23 14:42 火腿骑士 阅读(218) 评论(0) 推荐(0)
摘要:jbase.js 业务框架基类/*** @class: Jbase * @description: 定制框架基类* @author: fangxianghua*/var Jbase = function() { this.namespace = "Jbase";//命名空间 this.version = "2.0.0"; //版本 this.parent = null; this.className = "Jbase";};/*** @function: extend * @description: 父子类继承函数* @author: 阅读全文
posted @ 2011-12-23 11:05 火腿骑士 阅读(367) 评论(0) 推荐(0)
摘要:jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单,比其他库容易学会,但是要全面掌握,却不轻松。因为它涉及到网页开发的方方面面,提供的各种方法和内部变化有上千种之多。初学者常常感到,入门很方便,提高很困难。目前,互联网上最好的jQuery入门教材,是Rebecca Murphey写的《jQuery 阅读全文
posted @ 2011-12-23 10:57 火腿骑士 阅读(155) 评论(0) 推荐(0)
摘要:jQuery最佳实践分享按钮 作者: 阮一峰日期: 2011年8月 4日上周,我整理了《jQuery设计思想》。那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值。==================================== 阅读全文
posted @ 2011-12-23 10:52 火腿骑士 阅读(131) 评论(0) 推荐(0)
摘要:jquery方式:为a元素绑定一个处理点击事件的函数:$('a').click(function(){ alert($(this).attr('id'));});javascript原生方式:$('a').click(function(){ alert(this.id); });总结:上面$(this)与this.id作用域所指对象皆指a元素,但速度this.id原生方式快于$(this)20倍。-----------------------------------------------------------------------jquer 阅读全文
posted @ 2011-12-23 10:49 火腿骑士 阅读(295) 评论(0) 推荐(0)
摘要:练习:分页+双向排序(jquery + ashx) 背景: 自从接触Jquery 以来,早就想搞个无刷新的分页,但是一直以来技术方面始终不够成熟。近两天热血澎湃,借鉴前人的经验,加上自己的努力,最终简单实现,很是开心,希望各位给予指导。本人刚入道,能力不行,诚心求教,有板砖尽管扔,心不诚者请务浪费板砖。简单介绍: 1.使用Jquery 中的Json进行前后台交互及相关数据传递。 2.使用Asp.Net 中的一般处理程序(ashx)进行后台操作。 3.简单使用IbatisNet框架进行数据读取。思路: 在前台页面上保存页码索引,使用jquery对次页码进行操作(上下页、首尾页的页码索引... 阅读全文
posted @ 2011-12-22 23:14 火腿骑士 阅读(241) 评论(0) 推荐(0)
摘要:星级评分--jQuery插件 以前写过一篇文章以jquery为基础的星星评分,今天有时间把这个功能重写,并以jQuery插件的形式出现以便以后使用。 首先看一下运行效果如下图所示。 鼠标移到星星上该星星前面的所有星星全部变亮,鼠标单击将记录点击的星星数,前面的所有星星将变亮。 一、原理本程序的原理是这样的:一个“ul”标签,该标签的背景为灰色的星星,控制“ul”标签的宽度显示星星的数量。例如:一个星星图片的宽度为23px,那么要显示10个星星,则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签,n表示您要显示星星的个数,例如你要显示10个星星那么将有10个“li”标签。那么. 阅读全文
posted @ 2011-12-22 23:10 火腿骑士 阅读(172) 评论(0) 推荐(0)
摘要:(function($) {// 在这个函数体里,$可作为jQuery的引用// 很方便,对吧?})(jQuery); 阅读全文
posted @ 2011-12-22 23:04 火腿骑士 阅读(137) 评论(0) 推荐(0)
摘要:jQuery学习笔记 1 基础HTML :一个人的裸体,是一个人的物质基础,是一个结构。CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人。JavaScript :一个人的灵魂,使一个人具备了生命,让它动起来了。2 jQuery的基础2.1 jQuery对象引用jQuery = window.jQuery = window.$ = function( selector, context ) {...}在jQuery库内还有两个_$和_jQuery用来备份原先导入的库,备以后使用noConflict()交还使用权。2.2 jQuery的prototype引用jQuery.f.. 阅读全文
posted @ 2011-12-22 22:57 火腿骑士 阅读(169) 评论(0) 推荐(0)
摘要:JQuery方法查询 1一、核心:$是jquery类的一个别名,$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。 21、 ${表达式}:根据这个表达式来查找所有匹配的元素。 3 eg:$("div>p"); 查找所有p元素,且这些p元素都是div的子元素. 4 $("input:radio",document.forms[0]); 查找文档第一个表单中,所有的单选按钮。 5 $("div",xml.responseXML); 阅读全文
posted @ 2011-12-22 22:31 火腿骑士 阅读(220) 评论(0) 推荐(0)
摘要:在的init就是fn和prototype的一个方法。想调用只能 jQuery.fn.init()或者是jQuery.prototype.init(),那怎么办呢?你看我们一般都是这样调用fn里面的函数,$().xxx(),那就要想办法在jQuery中返回fn或者是protoype对象,为了达到这个目的实际上return jQuery.prototype就可以实现,但是程序本身还需要执行init这个方法,那就是下边的代码起了作用,把fn在绑定到init的 prototype原型上,这时候就相当月申明了一个jQuery.fn.init类,而且原型指向fn对象,是不是就统一了?这句效果就相当于 jQ 阅读全文
posted @ 2011-12-22 22:00 火腿骑士 阅读(195) 评论(0) 推荐(0)
摘要:浅析jQuery框架与构造对象 这是一些分析jQuery框架的文字 针对jQuery 1.3.2版本 面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识 4.熟练使用jQuery框架 言归正传! jQuery对象的初始化是写在匿名函数里的 就像这样: (function(){alert("jQuery框架分析")})(); 第一个括号是声明了一个函数,第二个括号是执行这个函数。也就是说,jQuery框架在页面载入的时候已经做了一些事情(这个个匿名函数已经被执行了)。做的这些事情使我们可以通 阅读全文
posted @ 2011-12-22 21:54 火腿骑士 阅读(192) 评论(0) 推荐(0)