第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...