javascript快速上手2讲诉.ppt

常用对象方法 document.write() //动态向页面写入内容 document.createElement(Tag) //创建一个html标签对象 document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象 getElementById() 和 getElementsByName() 以及 getElementsByTagName()的区别以及使用技巧： 1、getElementById() 　　getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。 　　比如说有一个DIV的ID为docid： 程序代码 div id=docid/div 那么就可以用getElementById(docid)来获得这个元素。 2、getElementsByName() 这个是通过NAME来获得元素，但不知大家注意没有，这个是GETELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？　 因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。 　　比如有两个DIV： 程序代码 div name=docname id=docid1/div div name=docname id=docid2/div 那么可以用getElementsByName(docname)获得这两个DIV，用getElementsByName(docname)[0]访问第一个DIV，用getElementsByName(docname)[1]访问第二个DIV。 本课总结 常用的事件触发机制，如：OnClick、OnChange等事件 面向对象处理语句：this和new关键字的使用 常用的内建对象和函数的使用方法 介绍事件的基本概念 JavaScript中如何处理事件 常用的函数paseInt、pasefloat JavaScript中的对象层次及DOM模型建立的两种方法。 Window对象 Location对象 History对象 Document对象 JavaScript 脚本语言 ---高级应用 内容提要 理解事件驱动机制 会使用常用的事件触发机制，如：OnClick、OnChange等事件 面向对象的程序设计的特性 常用对象处理语句：this、和new。 JavaScript内置对象：时间对象，Math对象、String对象和数组对象 JavaScript常用函数：parseInt、parseFloat、 confirm() 函数等 JavaScript中的对象层次及DOM模型的建立 Window对象 Location对象 History对象 Document对象 事件的概念 事件是对象发送的消息，以发信号通知操作的发生。操作可能是由用户交互（例如鼠标单击）引起的，也可能是由某些其他的程序逻辑触发的。 JavaScript的事件处理机制就可以改变浏览器响应用户操作的标准方法，这样就可以开发出更加具有交互性和易用性的Web页面。 为什么要利用JavaScript的事件呢？主要有下面的两个用途： 1．验证用户输入窗体的数据。 2．增加页面的动感效果。 常用事件 onclick 被点击 ondbclick 被双击 Onchange(input-text) 选中对象的值发生变化 onfocus(input-text) 成为焦点 onblur(input-text) 当对象失去焦点 onkeydown 键按下 onkeypress 字母数字键按下 onkeyup 键被释放 常用事件 onload 页面载入 onunload 页面卸载 onmousemove 跟随鼠标 onmouseover 鼠标移入 onmouseout 鼠标离开 onmousedown 鼠标按下 onmouseup 鼠标抬起 onselect 被选中 onsubmit 提交验证 实现JavaScript和HTML交互 一个利用JavaScript实现交互功能的WEB网页总是拥有三个部分的内容： 在Head部分定义一些JavaScript函数，其中的一些可能是事件处理函数，另外一些可能是为了配合这些事件处理函数而编写的普通函数。 HTML本身的各种控制标记。 拥有句柄属性的HTML标记，主要涉及