js精要.pptVIP

JAVASCRIPT精要 JavaScript数据类型 在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或‘’括起来的字符或数值）、布尔型（使True或False表示） 、空值和对象。 测试一个变量属于哪种类型可以使用typeof 示例：alert(typeof 2) //number alert(typeof “aaa”) //string 必须知道的几个函数 1.根据id获取一个节点对象 Document.getElementById(“id”);//结果返回一个dom对象 2.根据tag获取节点对象 Document.getElementsByTagName(“div”); //结果返回一个dom数组 JavaScript函数定义 格式： function 函数名（参数）{ 函数体 } 1. 建议函数名的命名使用驼峰式命名，第一个字母小写，尽量使用动词+名字的格式；函数名要有语义。 示例：function getName(){ return name; } 2. 参数的数据类型可以是任何数据类型。多个参数用逗号分开，注意顺序。 函数有关事项 函数体内使用arguments.length可以知道函数参数的个数。使用arguments[0]获取到第一个参数，以此类推。 函数体内使用arguments.callee获取对自己的引用，这样可以形成递归调用。 函数需要有返回值时候一定要有return 返回数据。 JavaScript事件的定义 在文档加载完成后就要执行的操作，要放入到window.onload里面。这样才可以保证获取到dom节点。 可以这样定义一个dom节点的事件： //一个div的id是test,单击这个div提示”click” var ele = document.getElementById(“test”); ele.onclick = function(){ alert(“click”); } 或者使用jquery定义： $(‘#test’).click(function(){ alert(“click”); }); 也可以在文档中直接定义，比如： div id=“test” onclick=“alert(‘click’);”/div JavaScript事件中的this 定义的事件可以有参数，也可以没有参数。 事件中的this表示了dom节点本身。比如： //获取div的内容 var ele = document.getElementById(“test”); ele.onclick = function(){ alert(this.innerHTML); } JavaScript事件中的event Ie中可以在事件中直接获取event对象，而在firefox中则不行。Firefox中需要在事件的参数中显式的传递过来。并且，event一定要是第一个参数。比如： var ele = document.getElementById(“test”); ele.onclick = function(e){ e = e ? e : window.event; alert(e.type); } JavaScript事件中的事件源对象 怎么知道事件发生在哪个节点上？ 可以根据事件中的event来判断。 Ie中使用event.srcElement; Firefox中使用event.target来判断。 使用jquery框架统一使用event.target来获取了。 比如： $(‘#test’).click(function(e){ alert(e.taget.id); }); JavaScript事件中的阻止冒泡 父对象和子对象都定义了click事件，单击子对象时候，只想执行子对象的事件，就需要阻止事件冒泡了。 阻止事件冒泡的方法，可以使用jquery中的stopPropagation方法。比如： Html代码如下： a id=test href=cccccc/a $(“# test ).click(function(e){ ?? ???? e. stopPropagation; ?})? JavaScript事件中的取消默认行为 比如有一个链接，链接上又定义了click事件。当用户click的时候，不想打开这个链接。这个时候就需要取消默认行为了。比如： Html代码如下： a id=test href=cccccc/a Js代码如下： $(“# test ).click(function(e){ ?? ??