多种选择(Switch语句)当有很多种选项的时候,switch比if else使用更方便。 switch(表达式){case值1:执行代码块 1break;case值2:执行代码块 2break;...case值n:执行代码块 nbreak;default:与 case值1 、 case值2...case值n 不同时执行的代码}语法说明:Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。例子:我们来做个周计...
setTimeout()和setInterval()可以用来创建定时器,其基本的用法这里就不再做介绍了。这里主要介绍一下javascript的代码队列。在javascript中没有任何代码是立即执行的,一旦进程空闲则尽快执行。所以说定时器中设置的时间并不代表执行时间就一定相符,而是代表代码会在指定时间间隔后加入到队列中进行等待。如果在这个时间点上,队列中没有其他东西,那么这段代码就会被执行,表面上看上去好像代码就在精确指定的时间点上执行了。所...
document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素; event.button的值:0没按键 1按左键 2按右键 3按左和右键 4按中间键 5按左和中间键 6按右和中间键 7按所有的键 下面是实现代码,模仿window,并且让它可以盖住select <!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"> ...
下面小编就为大家带来一篇JavaScript之事件委托实例(附原生js和jQuery代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧事件委托的原理依赖于事件冒泡,可以通过给父元素的事件委托来确定是哪个子元素触发了事件从而做一系列操作。使用事件委托的优点1、操作子元素时不用一一遍历,可以根据事件触发的对象而进行相应操作dom结构如下:<ul id = "oUl"><li class = "item"></li><li class = "it...
用JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现:function GetInfoFromTable(tableid) {var tableInfo = "";var tableObj = document.getElementById(tableid);for (var i = 0; i < tableObj.rows.length; i++) { //遍历Table的所有Rowfor (var j = 0; j < tableObj.rows[i].cells.length; j++) { //遍历Row中的每一列tableInfo += tableObj.rows[i].cells[j].innerText; //获取Table中单元格的内容tableInfo += " ";...
Javascript常用自定义类型、属性、方法整理,需要的朋友可以参考下。1. 定义类型 function UserObject(parameter) { }parameter 可省略,相当于C#中构造函数参数。 2. 实例化自定义类型 <script type="text/javascript"> function userobject(parameter){ } //myobject is now an object of type userobject! var myobject=new userobject("hi") alert(myobject) </script>3. 添加属性 function userobject(parameter){ th...
脚本可以放在html页面的head里面,也可以放在body里面。 把脚本放在body中,当浏览器遇见<script>标签时, 浏览器不知道脚本会插入文本还是html标签,因此浏览器会停止分析html页面而去执行脚本。当使用src的方式添加脚本时,浏览器也会做同样的动作。在脚本处理的时候,页面呈现和用户交互将被完全阻止。脚本下载和执行阻塞了其他资源的下载,比如呈现页面使用的图片。脚本的位置 鉴于上面的理由,脚本应该始终放在页面的底部,即...
1.使用in关键字该方法可以判断对象的自有属性和继承来的属性是否存在。 var o={x:1}; "x" in o; //true,自有属性存在 "y" in o; //false "toString" in o; //true,是一个继承属性2.使用对象的hasOwnProperty()方法 该方法只能判断自有属性是否存在,对于继承属性会返回false。 var o={x:1}; o.hasOwnProperty("x"); //true,自有属性中有x o.hasOwnProperty("y"); //false,自有属性中不存在y o.hasOwnProperty(...
jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:document.getElementById("img").src = “test.jpg";这里的document.getElementBy...
在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。1、使用obj.className来修改样式表的类名。2、使用obj.style.cssTest来修改嵌入式的css。3、使用obj.className来修改样式表的类名。4、使用更改外联的css文件,从而改变元素的css下面是一段html代码和css代码用来解释上面方法的区别的。CSS.style1{margin:10px auto ;background-color:#...
更新拿到一个DOM节点后,我们可以对它进行更新。可以直接修改节点的文本,方法有两种:一种是修改innerHTML属性,这个方式非常强大,不但可以修改一个DOM节点的文本内容,还可以直接通过HTML片段修改DOM节点内部的子树:// 获取<p id="p-id">...</p> var p = document.getElementById(p-id); // 设置文本为abc: p.innerHTML = ABC; // <p id="p-id">ABC</p> // 设置HTML: p.innerHTML = ABC <span style="color:red">RED</span> XY...
作用域安全的构造函数构造函数其实就是一个使用new操作符调用的函数 function Person(name,age,job){this.name=name;this.age=age;this.job=job; } var person=new Person(match,28,Software Engineer); console.log(person.name);//match如果没有使用new操作符,原本针对Person对象的三个属性被添加到window对象 function Person(name,age,job){this.name=name;this.age=age;this.job=job; } var person=Person(match,28,Sof...
我们经常会看到很多的网站一个返回顶部效果就是当我们滚动条到指定位置时返回顶部出来了,否则就自动隐藏了,下面就来给大家介绍这种效果实现原理与方法。当可视区域小于页面的实际高度时,判定为出现滚动条,即:if (document.documentElement.clientHeight < document.documentElement.offsetHeight) scroll = true;要使用 document.documentElement ,必须在页面头部加入声明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...
惰性载入函数因为各浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题。比如,我们最常见的为dom节点添加事件的函数 function addEvent(type, element, fun) {if (element.addEventListener) {element.addEventListener(type, fun, false);}else if(element.attachEvent){element.attachEvent(on + type, fun);}else{element[on + type] = fun;} }每次调用addEvent函数的...
jQuery.each方法是jQuery的核心工具方法之一,通用例遍方法,可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。通常需要两个参数object:需要例遍的对象或数组。callback:每个成员/元素执行的回调函数。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。例遍数组,同时使用元素索引...