摘要：
一、Event对象和事件冒泡1.什么是event对象用来获取事件的详细信息：鼠标位置、键盘按键•例子：获取鼠标位置：clientX–document的本质：最顶层的虚拟父节点。document.childNodes[0].tagName<script>document.onclick=function(ev){ var oEvent=ev||event; alert(oEvent.clientX+','+oEvent.clientY); //输出鼠标的位置};</script>A.获取event对象(兼容性写法)•var oEvent=ev||event 阅读全文
摘要：
一、BOM基础1.打开、关闭窗口A.open<script>window.onload=function(){ var oBtn=doucment.getElementById("btn1"); oBtn.onclick=function(){ window.open('http://www.sina.com','_blank'); //_blank,self }};</script><input id="btn1" type="button" value="开窗 阅读全文
摘要：
简单的运行代码框，可以支持多个<!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><meta http-equiv="Content-Type" content="text/htm 阅读全文
摘要：
一、DOM基础一1、lDOM基础A.什么是DOM作用：可以帮助JS操作浏览器。B.浏览器支持情况FF：支持DOM1几DOM2safari和chrome：支持大部分DOM1，小部分DOM2IE：只支持部分DOM12、DOM节点A.子结点子结点只有一层a)获取子节点：childNodes //childNodes的兼容性问题<script>window.onload=function(){ oUl=document.getElementById('ul1'); alert(oUl.childNodes.length); //在ie下输出为3，火狐下输出为7 oUl.ch 阅读全文
摘要：
文档规范：一、级标题1.级标题A.级标题a）四级正文重点突出目录：略一、JavaScript基础1.JavaScript组成A.ECMAScritp:解释器、翻译B.DOM：Document Object Model，文档对象模型。就是语言中用到的document.它给了js操作页面的能力。C.BOM：Browser Object Model，浏览器对象模型。就是语言中用到的windows.它给了js操作浏览器的能力。2.变量类型A.检测变量类型：typeof运算符常见类型：number、string、boolean、object、function、undefined基本类型：number、s 阅读全文
摘要：
returnreturn 返回一个值，并中止继续往下执行View Code最后返回hiselect()select() 方法用于选择该元素中的文本。View Code <html><head><script type="text/javascript">function selText() { document.getElementById("txt1").select() }</script></head><body><textarea id="txt1" 阅读全文
摘要：
我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。1、样式问题setAttribute(class, value)中class是指改变class这个属性，所以要带引号。vName代表对样式赋值。例如:var input = document.createElement(input);input.setAttribute(type, text);inp 阅读全文
摘要：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <style> #id{ width:50px; height:20px; } </style> <TITLE> Delete </TITLE> <script>var i=0;function addfile() { var oTR = document.createElement("tr"); var oT 阅读全文
摘要：
1、Javascript（JS)中的大括号{}和中括号[]详解一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。如：<script type="text/javascript">var Car={color:"red",door:4,title:"汽车1"};alert(Car.color);</script>上面声明了一个名为“Car”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，所以访问时，应该用.（点）来层层访问：Car.color、Car.door、Car.ti 阅读全文
摘要：
混合的构造函数/原型方式<html><body><script type="text/javascript">function Car(sColor,oDoor,mTitle){ this.color= sColor; this.door=oDoor ; this.title= mTitle;}Car.prototype.showColor=function(){ alert(this.color);};car1=new Car("red",4,"汽车1");car2=new Car("b 阅读全文