效果图如下所示： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>中文首字母排序</title> <link rel="stylesheet" href="css/listnav.css?7.1.34" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery-1.4.4.min.js?7.1.34" type="text/javascri...
这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法 如 1，function内的arguments 。 2，通过document.forms，Form.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children 等方式获取的集合（HTMLCollection，NodeList）等。 3，特殊写法的对象 ，如 代码如下: var obj={}; obj[0] = "一"; obj[1] = "二"; ...
一： DropDownList ------------------------------------------------------------------------------------------- 在使用 JQuery 进行遍历操作时， $("input").each(function(i) { ...... } 当操作对象的类型为 dropdownlist时：(备注：在firefox下DropDownList的类型为"select-one") 获得所选中的值： $(this).val(); (如果不是遍历操作时，$(this) 就替换成 $('#控件的Id') ) 获取选中的文本： $(this).find("option:selected...
这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法 如 1，function内的arguments 。 2，通过document.forms，Form.elements，Select.options，document.getElementsByName() ，document.getElementsByTagName() ，childNodes/children 等方式获取的集合（HTMLCollection，NodeList）等。 3，特殊写法的对象 ，如 代码如下: var obj={}; obj[0] = "一"; obj[1] = "二"; ...
开发工具中应该有相应的功能，于是测试之: 前提：只是一个简单的小测试，而且 addEventListener 属于标准绑定函数，IE 中与此不兼容（IE 相应的是 attachEvent），所以此次测试先抛弃 IE，使用 Firefox 5.0.1, Chrome 14.0, Opera 11.50 测试页面： 代码如下: Test .test { background-color: #FFF; border: 1px solid gray; height: 100px; width: 100px; margin: 0 10px 0; float: left; } TEST1 TEST2 TEST3 (function...
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上Radio 1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注： attr("checked",'checked')= attr("c...
极简主义法 荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法，他称这种方法为"极简主义法"（minimalist approach）。这也是我推荐的方法。 3. 1 封装 这种方法不使用 this 和 prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。 首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数 createNew ()，用来生成实例。 代码如下: var Cat = { createNew: f...
写 addEventListener 和 attachEvent 区别的博文不少，不过大部分都把重点放置于前者是Firefox chrome，后者只是存在于IE系列中。 最近在写一个事件代理的时候，遇到一个BUG，发现除此外，二者绑定的执行函数中的 this 是不相同的，addEventListener 和 attachEvent函数在运行时候的上下文是不相同的。 用了一个简单的demo来描述这个不同点： 代码如下: < <测试 < test1 < test2 < var testGolb = "diff"; // 定义一个全局...
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到window.onload中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。 代码如下: if (document.all){ window.attachEvent(onload,函...
以下代码，会先执行onclick，然后再执行事件监控： 代码如下: JK Test div{border:1px solid balck;padding:5px;margin:2px;} div1 原生的fireEvent，是先运行onclick，再运行listeners var fun=function(e){ alert('hello'); }; W('#div1').addEventListener('click',fun).fire('click'); //QW里调用的是原生方法 JQuery的执行顺序恰恰相反： 代码如下: JK Test div{border:1px solid balck;padding:5px;mar...
对于CheckBoxList控件来说，一方面要实现大量数据在服务器端的绑定工作，另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作，但这样一个简单的工作似乎更应该在客户端完成。 具体方法： 在页面中放入一个CheckBoxList控件，并添加几项，用来分析其产生的HTML代码，这样在使用js进行 动态控制时，将会非常清晰其测试代码如下所示： 代码如下: RepeatColumns="3"> 1232 254 5643 789 654 564 8564 8564 54...
两个listbox实现选项的添加，删除和搜索 贴一下主要的js代码，一些资源我就不传了。下面是效果图。group.js 代码如下:function addMember() { //右侧选中的项添加到左侧 var add=$("#newAddMembersId").val(); var del=$("#deleteMembersId").val(); var ext=$("#existedMemberId").val(); var newAddId=""; //获取新加的userId var addedUsers=$("#enterpriseMember input:checkbox[checked]"); for(var i=0;i{ var checkbox=$(ad...
HTML代码 代码如下: RepeatColumns="4" RepeatDirection="horizontal"> </asp:ListItem> </asp:ListItem> </asp:ListItem> </asp:ListItem> <input id="Button1" type="button" value="button" onclick="return RadioButtonList1Changed()" JS代码： 代码如下: function RadioButtonList1Changed() { var rbtn = document.getElementByIdx_x("rbtnCompany"); //得到所有radio var list= rbtn .getElementsByTagName_r("input")...
因此，他们始终存着最新，最准确的信息。从本质上说，所有NodeList对象都是访问DOM文档时实时运行的查询。例如下列代码会导致无限的循环：代码如下: window.onload=function(){ var divObj=document.getElementsByTagName('div'); for(var i=0;i var d=document.createElement("div"); document.body.appendChild(d); } } 首先取得页面中的所有div，由于这个集合（divObj）是“动态的”，因此只要有...
代码如下: ?Js代码 ////创建新目录 function newDir() { var txt = document.getElementById("newDirtxt"); var dirname = txt.value; if (dirname) { alert("请填写目录名"); } else { $.ajax({ type: "Post", url: "/center/directorynew", async: false, ...