今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时，常常会因为不同的 browser 有不同的 API 定义，然后用以下的写法来判断哪一个属性，例如： 代码如下:var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;用||来检查要用哪一个 attribute。不过要小心 javascript 的值当成条件时的判断。例如： 代码如下:var sLeft = window.screenLeft ...
代码如下: //隐藏 $("#id").css(display,none); //显示 $("#id").css(display,block); 或 $("#id")[0].style.display = none; $("#id")返回的是JQuery 它是个集合肯定有display属性 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent属性来判断的。本文对浏览器各自的userAgent特点做一分析，并给出判断方法： Windows操作系统浏览器系列： IE浏览器系列： 特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本； 判断方法：粗略判断可以只...
JavaScript中对象的property有三个属性：1.writable。该property是否可写。2.enumerable。当使用for/in语句时，该property是否会被枚举。3.configurable。该property的属性是否可以修改，property是否可以删除。 在ECMAScript 3标准中，上面三个属性的值均为true且不可改：新建对象的property是可写的、可被枚举的、可删除的；而在ECMAScript 5标准中，可通过property的描述对象(property descriptor)来对这些属性进行配置和修改。...
代码如下: function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth+" "; s += " 网页可见区域高："+ document.body.clientHeight+" "; s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+" "; s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+" "; s += " 网页正文全文宽："+ document.body.scrollWidth+" "; s += " 网页正文全文高：...
代码如下:// 判断各种浏览器，找到正确的方法function launchFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if(element.msRequestFullscreen) { element.msRequestFullscreen(); }} // 启动全屏!la...
一、数组的操作 1、数组的创建 代码如下:var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);//创建一个数组并赋值要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这...
一、获取函数名称的3种实现方法实例1： 在js权威指南中看到的一个方法： Function.prototype.getName = function(){ return this.name || this.toString().match(/function\s*([^(]*)\(/)[1]} 实例2： 如果当前函数是有名函数，则返回其名字，如果是匿名函数则返回被赋值的函数变量名，如果是闭包中匿名函数则返回“anonymous”。 代码如下: var getFnName = function(callee){ var _callee = callee.toString().repla...
在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下： 1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在里面的属性。 代码如下: JS获取CSS属性值 .ss{color:#cdcdcd;} –> <div id=”css88″ class=”ss” style=”width:200px; height:200px; background:#333333″>JS获取CSS属性值
函数：原型 每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。 prototype的定义 你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子： Example PT1代码如下:function Test(){}alert(Test.prototype); // 输出 "Object" 给prototype添加属性 就如你在上面所看到的，prototype是一个对象，因此，你...
代码如下: Insert title here /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name"]; r.name只能添加字符串属性 []添加属性，功能强大，可以动态添加属性 */ var r=new Object(); alert(typeof(r)); //添加属性 r.name="jobs"; alert(r.name); r.getname=function(){ return "jobs"; } alert(r.getname()); //删除属性 delete r.name; alert(r.name);//这时候的结果就是undefined //----...
代码如下: var selrow =articleTable.getGridParam(selarrrow);//获取多行的id var columnCodes=[];//初始化一个数组 $(selrow).each(function (index, yu) {//遍历每个id 找到每个data 并把属性加到初始化数组里 var rowData = articleTable.jqGrid("getRowData", yu); columnCodes.push(rowData.columnCode); });
如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系. 代码如下: $(this)[0] == this; 上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset(); 关于什么时候使用二者?可以看如下例子: 代码如下: jQuery 代码如下: $(a).click(function(){ this.innerHTM==$(this...
在ie 7 8浏览器中，如果使用trim()属性去除空格的话，则会导致报错。 因此解决这个问题有如下方案： var aa = $("#id").val().trim() --- 在IE中无法解析trim() 方法 解决办法： [ var aa = $.trim($("#id").val()); ] 这个不好用，还是用下面介绍的吧，第一个已经过测试。 W3C那帮人的脑袋被驴踢了,直到java script1.8.1才支持trim函数(与trimLeft,trimRight),可惜现在只有 firefox3.5支持。由于去除字符串两边的空白实在太...
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 代码如下: 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(checkedOfAll); $("input[name=procheck]").prop("checked", checkedOfAll); } 2.如果使用a...