jQuery模板技术和数据绑定实现代码

2017年02月06日 25 阅读

好消息来了，微软开发出了这样的框架，这是对jQuery的一个扩展，从此以后要在浏览器上动态显示服务器端Web Service返回的数据将变得如同用服务器端控件显示数据一样容易。 这个技术就叫jQuery templates and data linking ,这是微软对jQuery做的一个扩展。这种扩展需要jQuery官方的审核，然后才能被包含在jQuery中。据ScottGu的博客上说，此扩展正在等待审核阶段。但是这些功能却是非常强大而且实用，我就先把它...

JavaScript 以对象为索引的关联数组

2017年02月06日 23 阅读

关于JSON对象，你可以参看wikipedia（http://zh.wikipedia.org/zh-cn/JSON），还有官方网站（http://www.json.org/json-zh.html）。 我们常说JavaScript原生支持json，因为我们可以认为json就是对JavaScript的Object对象的灵活应用。 通常我们使用json的方式，主要用作前后台数据交换的格式： 而在代码逻辑中更多的是用关联数组的方式。但即使是这样我们也很...

15 个 JavaScript Web UI 库

2017年02月06日 24 阅读

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。LivePipeLivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScrip...

js 复制或插入Html的实现方法小结

2017年02月06日 24 阅读

var bq=document.getElementsByTagName（"标签或ID名"）//ID是唯一无许分组，标签非唯一，有可能返回一个数组. div=document.createElement（"div"）; ...设置CSS风格 bq.appendChild（div）;//ID唯一性的话只需要这样！在bq之后插入div层 bq[0].appendChild（div）;//如果前面用的是标签！数组跟下标！在bq之后插入div层 bq.insert...

javascript 跨浏览器开发经验总结（五） js 事件

2017年02月06日 25 阅读

简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件，就是事件与页面元素直观的绑定在一起的形式，如： 复制代码 代码如下: <div onclick="alert（this.innerHTML）;"> element.onclick = function（）{alert（this.innerHTML）;} 只要不是用了个别浏览器独有的事件，一般的click，mouseover事件等在各浏览器中都可以这么使用。 但是当一个事件需要绑定...

javascript 得到变量类型的函数

2017年02月06日 22 阅读

这个功能需要写一点代码来实现。下面的函数可以得到一个变量的类型，调用时传递一个变量进去，会返回用字符串形式描述的变量类型。复制代码 代码如下: //得到x的类型,返回类型名称 function getType（x） { //如果x为null，则返回null if （x == null） return "null"; var t = typeof x; //如果x为简单类型，则返回类型名称 if （t.toLocaleLowerCase（） ！= "obje...

javascript 函数限制调用代码

2017年02月06日 22 阅读

函数: 复制代码 代码如下: function throttle（fn,ms） { var last = （new Date（））.getTime（）; return （function（） { var now = （new Date（））.getTime（）; if （now - last > ms） { last = now; fn.apply（this, arguments）; } }）; } 参数 fn : 传入的函数/方法 参数 ms:每...

js 图片放大效果 修正版

2017年02月06日 21 阅读

首先：我们需要一个可以移动的DIV 复制代码 代码如下:<div style="border:1px solid #CCC;position:absolute; width:200px; height:100px; cursor:move;" id="jelle_test_divquot;> 这个DIV 可以移动，你可以测试下。 </div> <script type="text/javascript"> var get...

ExtJS 下拉多选框lovcombo

2017年02月06日 26 阅读

开始以为很简单，在option里加个input checkbox就行了。哪知行不通，网上搜了一些实现方法，主要是用div层来模拟下拉。本想照着这种思路，再结合这个项目具体应用自己写一个，发现太麻烦了。刚好在另外一个项目中使用extjs，找到了一个扩展lovcombo，学习了一下它自带的例子（配合2.3版的extjs，3.x版的貌似有问题）。例子倒不难，关键是要把它添加到现有的代码中，并且尽量少的改动原有代码。 下拉多选框的使用过程中处理比较多的逻辑主要集中...

js+css使文本框自动适应内容的高度

2017年02月06日 21 阅读

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]随着输入内容的增加，会自动增加行数。...

Jquery调用webService远程访问出错的解决方法

2017年02月06日 24 阅读

如果想在远程可以正常调用，需要修改web.config，在system.web节下面加上下面一段话即可 复制代码 代码如下: <webServices > <protocols > <add name="HttpSoap"/> <add name="HttpPost"/> <add name="HttpGet"/> <add name="Documentation"/> </pr...

JQuery 学习技巧总结

2017年02月06日 21 阅读

一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 Joh...

jquery 多级下拉菜单核心代码

2017年02月06日 23 阅读

jquery 复制代码 代码如下: $（document）.ready（function（）{ $（"ul li"）.hover（function（）{ $（this）.find（"ul:first"）.show（）;//鼠标滑过查找li下面的第一个ul然后显示； },function（）{ $（this）.find（"ul:first"）.hide（）;//鼠标离开隐藏li下面d的ul； }） $（"ul li ul li ul"）.prev（）.add...

Mootools 图片展示插件（lightbox,ImageMenu）收集集合

2017年02月06日 23 阅读

1、MultiBox一个lightbox支持的内容格式包括：图片，Flash，视频，mp3，html。主页:http://www.phatfusion.net/multibox/下载:http://www.phatfusion.net/multibox/multibox.zip示例:http://www.phatfusion.net/multibox/ 2、ImageMenu一个图片展示控件。当鼠标移到某一张图片时将展开整张图片。主页:http://www...

用jQuery打造TabPanel效果代码

2017年02月06日 24 阅读

如大量信息查看，当网页多窗口框架等都会用到，现在网上基于jquery Tab控件，其实也蛮多了，我以前用过的idtabs，就比较简单实用，也是比较灵活，但是对于复杂情况就要编码多些，太简单了些。还有就是jquery UI的里面的tab控件（没用过，我对jquery ui不太感冒），另外就是近期有点小火的easyui 中的tab控件，最早在javaeye上面看到的，界面还算漂亮，因为之前没开源，所以一直没跟进（好像最近开源了，前几天下载了看看，编码风格有点像...

jQueryPad 实用的jQuery测试工具（支持IE,chrome,FF）

2017年02月06日 26 阅读

首先来看下软件的运行界面： 左边为HTML的代码，右边为jQuery代码，同时支持代码折叠，语法高亮（但是就是没有代码提示，感觉有点不爽，不过jQuery使用的时间长了基本的熟悉后应该就无所谓了），在编写好后就可以直接按F5就可以查看实际效果，同时可以点击下面的chrome,ff,ie按钮来查看在3个浏览器中的实际效果，如果觉得可以就可以保存成HTML，jQueryPad会自动把jQuery代码和HTML代码合并成HTML，可以直接双击运行，生成的代码如下...

基于Asp.net与Javascript控制的日期控件

2017年02月06日 24 阅读

控件效果如下：从左到右：month，day，year.cs文件初始化这三个下拉列表复制代码 代码如下: private void BindBirthDay（int day, int month, int year） { int dayNow = day; int monNow = month; int yearNow = year; //binding Month for （int i = 1; i <= 12; i++） { ddlBirMon.I...

JQuery 文本框使用小结

2017年02月06日 24 阅读

1。文本框的改变事件，可使用propertychange，例如： 复制代码 代码如下: $（"#txtDataDate"）.bind（"propertychange",function（）{ }）; 2。获取被选中RadioButton 的值 复制代码 代码如下: var radio_value = $（"input[type=radio][checked]"）.val（）; 3。下拉列表的改变事件，以及获得选中选项的值 复制代码 代码如下: $（"#...

javaScript window.event.keyCode 集合与测试方法

2017年02月06日 25 阅读

IE only的监听代码 function document.onkeydown（） { str1=String.fromCharCode（event.keyCode）; txt.value = str1+"的keycode = "+window.event.keyCode; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]Ascii 代码表 Ascii 0 {Nulo, Sem Som} Ascii 1 Ascii 2 Ascii 3...

javascript 正则替换 replace（regExp, function）用法

2017年02月06日 25 阅读

复制代码 代码如下: function fn（） { for（var i = 0;i < arguments.length;i++）{ alert（"第"+（i+1）+"个参数的值："+arguments[i]）; } } var str = "<div id="{wo}" >{ni}</div>"; str.replace（/{（[a-z]+）}/ig, fn）; 根据多次测试由输出结果可以得出fn中: 第一个...