效果图如下所示: 代码如下:<!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, ...