摘要:
本节html以下面的为例1 <div id="myDiv" class="bd" title="我是div">2 <img id="img1" />3 <a id="myA" href = "http://www.baidu.com">百度</a>4 </div>1.通过HTMLElement类型(对象)的属性获得和设置元素特性 1 var div = document.getElementById("my 阅读全文
摘要:
包括节点的创建、添加、移除、替换、复制本节要用到的html例子1 <ul id="myList">2 <li>项目一</li>3 <li>项目二</li>4 <li>项目三</li>5 </ul>1.创建元素节点document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点1 var div = document.createElement("div"); //创建一个div元素2 div.id = 阅读全文
摘要:
1.获取元素getElementById()方法,通过元素的id获取元素,接受一个参数即要获取元素的id,如果不存在这个id返回 null注意不要让表单元素的name和别的元素的id相同,IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素以下面元素为例<div id ="myDiv">这里是id为“myDiv”的div内容</div>var document.getElementById("myDiv"); //"myDiv"区分大小写,取得<div>元素的引用getElement 阅读全文
摘要:
1 //检测非IE浏览器插件函数 2 function hasPlugin(name) { 3 name = name.toLowerCase(); 4 for (var i=0 ; i < navigator.plugins.length ; i++ ) { 5 if (navigator.plugins[i].name.toLowerCase().indexOf(name) >-1) { 6 return true; 7 } 8 } 9 return false;10 }11 12 //检测IE浏览器... 阅读全文
摘要:
1.警告框alert()alert("欢迎光临!");2.信息框confirm(),有取消,确定按钮1 if (confirm("你同意吗?")) {2 alert("同意");3 } else {4 alert("不同意");5 }3.提示框prompt(),用于提示用户输入一些文本1 var result = prompt("您尊姓大名?"," ");2 if (result !== null) {3 alert(“欢迎光临,”+result);4 } 阅读全文
摘要:
1.超时调用setTimeout()setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID1 setTimeout( function () {2 alert("你好!");3 },1000);调用前取消clearTimeout(),接受一个参数超时调用ID1 var timeOutId = setTimeout( function () {2 alert("你好!");3 },1000);4 5 clearTimeout(timeOutId);2.间歇调用setInterval()setInterval 阅读全文
摘要:
1.窗口位置以下取得浏览器窗口距屏幕左边和上边的位置1 var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置2 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置2.浏览器大小以下取得浏览器页面视口的大小 1 var pageWidth = window.innerWidth, 阅读全文
摘要:
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。1 var n=999;2 3 function f1(){4 alert(n);5 }6 7 f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。1 function f1(){2 var n=999;3 }4 5 alert(n... 阅读全文
摘要:
1.匹配模式标记:g ------ 表示全局模式,而不是发现第一个匹配成功就立刻结束i ------- 表示不区分大小写模式m ----- 表示多行匹配,一行结束时向下一行继续匹配1 //匹配第一个bat 或cat,不区分大小写2 var pattern1 = /[bc]at/i3 var pattern2 = new RegExp("[bc]at","i"); //同上使用RegEXp是字面量模式要转换成字符串/\[bc\]at/ =======> "\\[bc\\]at"/\.at/ ==========> " 阅读全文
摘要:
1.修饰符. 任意一个字符* 匹配*前面0个或多个字符+ 匹配+前面一个或多个字符? 匹配?前面0个或1个字符^ 以^后面的字符为前导$ 以$前面的字符结尾[] 匹配[]内的一个字符() 分组,可以用\1 \2提取[^] 匹配^后的以外的字符{n} {n}前的字符有n个,n为正数{n,} {n,}前的字符至少有n个,n为正数{n,m} {n,m}前的字符有n~m个,n,m为正数2.字符\d 一个数字\D 一个非数字\w 一个字母或数字\W 一个非字母和非数字\s 一个空白字符\S 一个非空白字符\b 单词边界\B 非单词边界3.非贪婪匹... 阅读全文