第12章 事件 1.事件流 1.1事件冒泡（IE事件流） □事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播到较为不具体的节点（文档）。 □所有浏览器均支持事件冒泡。Firefox、chrome、safari将事件一直冒泡到window对象。 1.2事件捕获（Netscape事件流） □不太具体的节点更早收到事件，而具体的节点最后收到节点。 □Safari、chrome、Opera、firefox支持，但从window对...
代码如下: javascript之null和undefined 输出 } //用于数字环境 if(0 + $null == 0){ document.write("当null用于数字环境时，它被自动转换为0");//此句将被输出 }else{ document.write("当null用于数字环境时，不转换"); } //用于字符串环境 document.write("用于字符串环境："+$null);//null //null的typeof：object document.write("$null的数据类型为："+typeof $null);//object /** *****************undefined...
第十八章 高级技巧 1.高级函数 1.1 作用域安全的构造函数 ①直接调用构造函数而不适用new操作符时，由于this对象的晚绑定，它将映射在全局对象window上，导致对象属性错误增加到window。 代码如下: function Person(name,age,job){ this.name = name; this.age = age; this.job = job; } Var person = Person("Jay",29,"singer"); //属性增加到window对象上。 ②作用域安全构造函数 代码如下: function Person(name,age,job){ i...
代码如下: javascript数据类型 输出三种方式的结果 document.write("obj的类型："+typeof obj);//object document.write("ooo的类型："+typeof ooo);//object document.write("oooo的类型："+typeof oooo);//object /** 数组 也是一种对象 */ var $array = []; var $arrayA = ["aaa","bbb",111,false]; var $arrayB = new Array(); document.write("$array的数据类型："+typeof $array);//object document.write("$arrayA的数...
不知道，大家对语言中变量的“声明”与“定义”是怎么理解的， 我的理解如下： “声明”变量，只是仅仅声明，而“定义”变量，指声明了，并且赋值了。 例如: 代码如下: var name;//只是声明 var num = 11;//声明，并且赋值，即定义了 var password = "yangjiang";//声明，并且赋值，即定义了 下面是几点总结： 变量的作用域：全局的和局部的。（注意：如果尝试读取一个未声明的变量的值，javascript会生成一个错误） 第一点：在都...
JavaScript学习笔记（二） js对象_基础知识1.简单类型 javascript的简单类型包括 数字（Number）、字符串（String）、布尔值（Boolean）、null值 和 undefined值。其他所有值都是对象。 2.对象 javascript中的对象是可变键控集合。在javascript中，数组、函数、正则表达式都是对象。 对象是属性的容器。其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。 3.对象...
1.标识符与关键字 标识符以字母开头，可以包含字母、数字、下划线。标识符不能使用以下保留字符： 代码如下: abstract， boolean， break，byte，case，catch，char，class，const，debugger，default，delete，do，double，else，enum，export，extends，false，final，finally，float，for，function，goto，if，implements，import，in，instanceof，int，interface，long，native，new，null，package，private，protected，p...
今天学习了DOM，做了以下一些基础练习…… DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发。 学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。 参考书：张孝祥《JavaScript网页开发——体验式学习教程》 一、DOM的入门： 1、DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编 程控制。比如通过操作文本...
each()遍历元素（k1） 代码如下: $(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值（k1）attr(name) 代码如下: $(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title...
原来Jquery就是一个javascript写的一个库，它给我们提供了很多常用的方法，使用这些方法可以兼容多种浏览器，使用它可以达到很好的动画效果，下面就来看看那些年的学习笔记吧一、$符号 1、选择器 可以选择html标签，也可选择ID,Class等 如下： 代码如下: $( function() { $("table.datalist tr:nth-child(odd)").addClass("one");//odd:匹配奇数，even：偶数，nth-child:匹配其父元素下的第N个子或奇偶元素，从...
好了开始我的Jquery第一天。 我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下： 代码如下: jquery 链式操作 $(document).ready(function(){ alert("hello word!"); //静止右键点击 // $(document).bind("contextmenu",function(e){ // return false; // }); }); 接下来让我们来看看一个复杂的实例，这个实例让我们知道什么是：jquery的链式操作， 我用 . 来连接jquery 的链式操作。 可能有的人刚开始...
1、什么是JavaScript? (1) HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。 (2) JavaScript和Java没有直接的关系，唯一的关系就是JavaScript原名LiveScript，后来吸取...
1.超时调用setTimeout() setTimeout() 方法接受两个参数，第一个参数是函数，第二个参数是时间（单位微秒），返回数值ID 代码如下: setTimeout( function () { alert("你好!"); },1000); 调用前取消clearTimeout(),接受一个参数超时调用ID 代码如下: var timeOutId = setTimeout( function () { alert("你好!"); },1000); clearTimeout(timeOutId); 2.间歇调用setInterval() setInterval()方法接受两个参数，第一个参数是函数，...
数组的创建 第一种： 代码如下: var colors = new Array(); var colors = new Array(20);//创建包含20项的数组 var colors = new Array("Greg");//创建包含1项，即字符串"Greg"的数组 var colors = new Array("red","blue","green"); //创建包含3项 第二种： 代码如下: var colors = ["red","blue","green"]; var colors = [];//创建一个空数组 注意：数组的索引是从0开始的 1. length属性 length属性中保存数组的项数，如： ...
1.窗口位置 以下取得浏览器窗口距屏幕左边和上边的位置 代码如下: var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置 2.浏览器大小 以下取得浏览器页面视口的大小 代码如下: var pageWidth = window.innerWidth, pageHeight = window.innerHeight; if (typeof pag...