随着 RIA 的广泛使用,将越来越多地使用 JavaScript 库协助开发。RIA 被定义(松散地)为通过浏览器运行的应用程序,这种浏览器结合使用 CSS/JavaScript/Ajax 创建类似桌面应用程序的外观。Firefox、Internet Explorer 和 Safari 最新发行版中新增的特性,以及 Google 新 Chrome 浏览器最近的版本,都专注于加快每个浏览器的内部 JavaScript 引擎的速度,其惟一目的是更加适应浏览器制造商为未来设计的 RIA。这些公司认为未来的 We...
我们使用热门的jquery进行设计,同时我们选择效果比较优秀的boxy弹出插件进行扩展(关于boxy的相关资料,请参照张鑫旭博客http://www.zhangxinxu.com/wordpress/?p=318)。下面介绍boxy作为选择器框架的应用。 对于选择器,相信用过招聘网站的人都不会陌生(就是那个点击就弹出的,选择行业、职位和地区的东西),选择器难点就在于样式调试,主要针对的是IE6。这里介绍行业、职位和地区选择器,下载的Demo包含这三个选择器。 行...
caller : functionName.caller 返回调用者。 看看下面的函数,大家可以复制到VS中执行下 代码如下: function caller() { if (caller.caller) { alert(caller.caller.toString()); } else { alert("函数直接执行"); } } function handleCaller() { caller(); } handleCaller(); caller(); 大家会发现第一个alert会弹出调用caller函数的调用者handleCaller,而第二个alert由于没有在其他函数体内调用,所以caller为null,就执行了 al...
我写了个JQUERY 的插件。来实现分组的效果。图2. 这是一个简单的分组效果,根据表的第一列“Department" 来分组图3, 也可以对多个列来分组,根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前,先对要选择的列进行排序,这在提取数据的时候可以完成, 就没有在客户端再去实现。图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;通过写这个JQuery 控件,深刻体会到它的强大。整个代码不到100行。 在AS...
第一篇文章,具体使用也过去很长时间了,直接贴码: 1.代码中使用json数据格式(直接在页面中组装成的,并非后台组装,具体方法:function _callBack(d)) 2.提供右键菜单及功能实现 3.具有checkbox,提供获取选中节点ID方法:function getMenuIds() 代码如下: border="5px"> 退出 style='width: 98%; height: 698px; padding-top: 10px; padding-left: 10px;padding-right: -10px;'> $("#title").html("js...
幻灯片效果是常用的内容展示方式之一,这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorial jQuery Plugin – Feature List Create an Image Rotator with Description (CSS/jQuery) Moving Boxes Using the Wonderful jFlow Plugin Easy Slider 1.7 – Numeric N...
一、前面的些话 本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意,可以让你选择HTML文档的任意部分,并可以拿这些选择的信息做你想做的事情。其中,最常见的Range是用户用鼠标选择的内容(user selection)。 本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。 二、什么是Range? 所谓"Range",是指HTML文档中任意一段内容。一个Range的起始点和结束点位置任意...
代码如下: $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突: jQuery(function($){//脚本}) 他们都是当Dom加载完后执行的操作,所以放在html的任何位置都可以,...
于是GOOGLE一查,原来是因为特殊字符的原因。 在jQuery的选择器中,如果要用到特殊字符的话,需要用"\\"转义,否则是查不到想要的东西的 官方文档位置:http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_by_an_ID_that_has_characters_used_in_CSS_notation.3Fif ($ != jQuery) {$ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 72991; var cb_entryId = 2090445; var cb_blogA...
上实战代码: linkedlistnode.js 节点类 代码如下: /* * 链表节点 */ Dare.LinkedListNode = function () { this.data = null;//数据域 this.prev = null;//前驱 this.next = null;//后驱 }; Dare.extend(Dare.LinkedListNode, Dare); Dare.LinkedListNode.prototype.getValue = function () { return this.data; }; Dare.LinkedListNode.prototype.setValue = function (obj) { this.data = obj; }; Dare.LinkedListNode.prototy...
这两个参数都是必须的,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。对于replacement是函数的情况,给我们提供了...
今天这个demo是有关下拉框的。 代码如下: 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选中添加到右边>> 全部添加到右边>> 选项8 实现的功能是,能将左边选中的选项添加到右边,双击左边某个选项也能添加给右边,点击全部添加到右边的按钮能把左边都添加到右边去。 jquery代码: 代码如下: $(function(){ $('#add').click(function(){ var $option=$('#select1 option:selected'); $option.appendTo('#select2'); })...
由于种种原因,例如:代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug,在这种情况下,debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧,针对各种疑难杂症,往往能起到较好的效果。 Step 1:检查服务器直接render出来的内容 使用查看源文件的方式,这一步首先明确,页面HTML片段是否在服务器端就已经不正常了。 Step 2:比较实际的HTML内容和服务器render出来的原始内容之间的差异 ...
我相信可能大部分人来这里学javascript主要还是想用这个结合页面中的DOM元素做一些实际有用的交互效果。所以我这里只教大家最实际,最有用的javascript应用。但是前提大家最好有一些javascript或者jquery的编程的基础。好废话不多说了。 今天第一篇,就教大家如何用javascript获取页面中的dom元素。这个很重要。我会对照JQuery来讲。 如果页面中的元素是ID属性 JQ的方法:$("#dom"), 原生js的方法:var a = document.getElementBy...
下面我就写几个给大家看看 一,点击传参方法 代码如下: function tab(dom){ var list = document.getElementById("list").getElementsByTagName("li"); var con = document.getElementById("con").getElementsByTagName("div"); for(var i=0;iif(list==dom){ list.className = "on"; con.style.display = "block"; } else{ list.className=""; con.style.display="none"; } } } 1 2 3 4 111111 222222 333333 444444 我解...