给一个HTML元素设置css属性,如 代码如下: var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这样写太罗嗦了,为了简单些写个工具函数,如 代码如下: function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr]; } } var head= document.getElementById("head"); setStyle(head,{width:"200px",height:"70px",display:"...
虽然不太常用,但我们的确可以给对象添加以数字为属性名的属性: 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; 这个对象并不是数组类型,那有没有办法把它转换为数组类型呢?jQuery代码中采用了Array.prototype.slice把这种对象转换为数组,但我试了好几遍,就是不行: 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert(Array.prototype.slice.call(obj)); 上面这段代码在IE下直接报错,在Firefox下虽然没有报错,输...
看个例子: 代码如下: function addImg(isrc) { var Img = new Image(); Img.src = isrc; Img.onload = function () { document.body.appendChild(Img); } } // 当包含上述代码的页面打开时并不载入 “tt.jpg” ,当点击按钮时候才载入。当载入完成后触发onload事件显示到页面上。如果你是第一次加载 “tt.jpg" 这张图片的话,运行正常。点击按钮加载并显示一张图片,如果重复点击会怎么样呢? IE、Opera中,除了第一次加载 图...
例子:给链接中含用“wangorg"字符的链接文字加粗 css: 代码如下: .abold{ font-weight:bold; } html: 代码如下: $(document).ready(function(){ $(a[href*=wangorg]).addClass(abold); }) 属性选择也可以用组合方式: $('a[href^=http] [href*=wangorg]').addClass('abold') 自定义选择符是JQUERY添加的独有的完全不同的选择符,语法与CSS中的伪类选择符语法相同,即选择符以一个冒号(:)开头。 如:从匹配的带有wangorg类的...
这两天尝试写个AjaxToolkit:AsyncFileUpload的Demo, 它有个OnClientUploadComplete属性可以关联客户端JS, 于是可以写OnClientUploadComplete="uploadComplete", 然后定义uploadComplete方法: 代码如下: function uploadComplete(sender, e) { //Do something here... } 但是, 怎么从e获得上传文件的信息呢? 除了看AjaxControlToolkit的源代码, 还可以用JS: 代码如下: function uploadComplete(sender, e) { var ret = "Properti...
今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute('name', _variable); 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. (IE8 是可以的, 但 IE8rc1 不行) 后来我查看了 MSDN, 得到信息如下: 代码如下: Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element ...
实现目标:1、点击“匿名小组”,自动跳转:成员类型“私密群”、访问控制 “群成员” 2、点击“公开群”, 自动跳转:成员类型“实名小组” 首先是获得点击radio的事件,用的是jquery库,获得事件后判断是那个radio,通过判断是那个radio被checked了然后进行联动变换。其中遇到的问题有,兼容ie和firefox的事件,然后是设置select中的中options的selected属性。兼容ie和firefox用了var ie=document.all;var nn6=do...
有时需要将数组转成伪数组(ArrayLike),如下 代码如下: var ary = [one,two,three]; var obj = {}; // 没有length属性 Array.prototype.push.apply(obj, ary); for(var i in obj){ alert(i + : + obj[i]); } IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。 但IE6/7下则不能,没有输出任何信息表明obj仍然是个空对象。 如果给obj加个length属性,情况则不同 代码如下: var ary = [one,two,...
例子1: 代码如下: var obj={0:a,1:b} alert(obj.length); //undefined var arr=[a,b] alert(arr.length); // 2 从上面的例子看,类数组对象中的length属性并不和它储存的数据数量直接挂钩,无论是索引属性(0,1)还是length属性都作为对象的普通属性存在,它们之间并没有任何关系,js引擎并不会根据储存数据的数量来自动计算类数组对象的长度。 但是类数组对象的length所确实和存储的数据量没有任何关系么?例子2说明并非如此:...
如设置class属性 代码如下:el.setAttribute(class, abc); 在IE6/7中样式“abc”将没有起作用,虽然使用el.getAttribute('class')能取到值“abc”。 又如for属性 代码如下: 姓名: var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); 我们知道当lab设置了for属性,点击label将自动将对应的checkbox选中。但以上设置在IE6/7点击将不会选中checkbox。 类似的情况还发生在 cellspacing/cel...
IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同的解决方法测试代码如下: <a href="/abc/index.html">home</a> <img src="http://files.jb51.net/upload/201108/20110828174815833.gif"> <script> var link = document.getElementsByTagName(a)[0]; var img = document.getElementsByTagName(img)[0]; alert(link.getAttribute(href)); alert(img.getAttribute(src)) </script>有元素a和img(标准文档...
document.activeElement获取文档当前获得焦点的元素 document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( "head" )[0] ,可见并非所有浏览器支持 document.body获得当前文档的HTMLBodyElement元素 document.compatMode 获取当前文档的渲染方式。返回值:BackCompat(怪癖模式)和CSS1Compat(标准模式)。 由于IE 8多达五种渲染模式,所以判断是否是怪癖模式需要借助于IE独有的document.docum...
测试: test.html 代码: 代码如下: New Document js/Menu.js 代码: 代码如下: //这是用了自定义的方法hideElement()和shwoElement() function isChang(values) { if(values=="yxsh"){ hideElement("key"); showElement("yxsh"); }else{ hideElement("yxsh"); showElement("key"); } } //自定义方法hideElement() function hideElement(id){ document.getElementById(id).style.display="none"; } //自定义方法s...
如: 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this.prototype[methodName]){ this.prototype[methodName]=func;//给原型增加方法,此方法会影响到该类型的实例上 } return this.prototype;//返回原型,此类型实例可以进行链形调用 } function CustomObject(name,value){ this.name=name || CustomeObject; this.value=value || 0; this.toString=function(){ return [name:+this.name+,value:+th...
标准XMLHttpRequest操作 方法描述abort()停止当前请求getAllResponseHeaders()把HTTP请求的所有响应的首部作为建/值返回getResponseHeader(“header”)返回指定首部的串值open(String “method”, String ”url, bollean [asynch], String [username], String [password])建立的服务器的调用,method参数可以是post、get或put。url参数可以是相对url或绝对url。这个方法还包括3个可选参数。send(content)像服务器发送请求set...