第三篇 web 编程 基础部分.pptVIP

Form 的方法与事件 方法： reset() ：重置表单。这与按下“重置”按钮是一样的。 submit() ：提交表单。这与按下“提交”按钮是一样的。 事件： onclick、onsubmit、onmouseover、onmouseout、onmousedown、onmouseup等 表单下的控件对象 以下介绍的都是表单中的元素对象。 像它们公有的一些属性如name属性，这里统一介绍，就不在每个对象中重复介绍了。 属性： name ：返回/设定用 name=...指定的元素名称。 value ：返回/设定用 value=...指定的元素的值。 form ：返回包含本元素的表单对象。 Checkbox 复选框对象，由“input type=checkbox”指定。 属性： checked ：返回/设定该复选框对象是否被选中。为布尔值。 defaultChecked ：返回/设定该复选框对象默认是否被选中。为布尔值。 事件： onclick Hidden 隐藏对象，由“input type=hidden”指定。 属性： Value：返回/设定用input value=...指定的元素的值。 输入型对象 Password 、Text 和 Textarea 这三个对象的所有属性、方法和事件都一样，主要的为： 属性： Value：返回/设定输入区当前的值。 defaultValue：返回用input value=...指定的默认值。 方法： select() ：选中输入区里全部文本。 事件： onchange：当文字内容发生改变时。 Radio 单选域对象：由“input type=radio”指定。 一组 Radio 对象有共同的名称（name 属性），这样的话，document.formName.radioName 就成了一个数组。要访问单个 Radio 对象就要用：document.formName.radioName[n]。 属性： checked ：返回/设定该单选域对象是否被选中。布尔值。 defaultChecked ：返回/设定该对象默认是否被选中。布尔值。 事件：onclick select 选择区（下拉菜单、列表）对象：由“select”指定。 属性： selectedIndex ：返回被选中的选项的下标。这个下标就是在 options[] 数组中该选项的位置。 如果 Select 对象允许多项选择，则返回第一个被选中的选项的下标。 事件： onchange options[] 数组的属性： length; selectedIndex 与所属 select 对象的同名属性相同。 单个 Option 对象的属性 text ：返回/指定 Option 对象所显示的文本 value ：返回/指定 Option 对象的值，与options value=...一致。 selected ：返回/指定该对象是否被选中。通过指定 true 或者 false，可以动态的改变选中项。 defaultSelected ：返回该对象默认是否被选中。true / false。 按钮对象 因为 Submit 与 Button、reset 对象都是按钮，所以它们有相同的属性和方法。 但是对按钮我们一般只关心点击它们时的操作，即“onclick”事件。 可以用 onclick=“js函数名()” 的方式调用处理代码。 而对于 submit 提交按钮，一般用 Form 对象的 onsubmit 代替。 使用外部 javascript 文件 对于一些可重用的 js 函数，在每个页面都写一次显然不合适。 我们可以将函数统一写入专门的以 js 为扩展名的一个文件，如果某一页面要调用该文件中的函数，只要在页面中导入该文件即可。 导入 js 文件的方法 在页面的HEAD标记中，指定javascript标记的 src属性为该文件的路径及名称。 例如，我们导入一个名为 demo.js的文件：script type=text/javascript src=../js/demo.js/script 调用函数处按正常方式调用即可。 今后应该养成好的习惯，见到值得收藏的 js 函数，分类放到相应的js文件中，以后需要的时候可以直接用。 例题：改进后的 frameDemo1 练习 为前面做的登录页面，加上 js 处理代码，在表单提交前，先检查用户的输入是否符合要求。 如果不符合，弹出提示（alert）信息。 如果输入正确，弹出登录成功提示。 如有时间，练习一下如何获得单项、多选、下拉列表等选择类控件当前选择的情况。 鼠标事件 (Mouse Events) 一般在表单及表单元素中有效。 onclick：当鼠标单击时执行脚本 ondblclic