浏览器对象和事件处理

学习目标是了解文档对象模型如何使用浏览器对象以及了解常见事件，而文档对象模型(DOM )可以将不同的对象进行分类，以便文档对象模型可以容易地组织更多对象。 形成类似于树结构的模型浏览器对象集合可以包括具有树结构模型的对象：窗对象窗对象文档对象模型层次图中的顶层、 Windows对象窗口对象var窗口对象名=window.open (“网页名称”、“窗口名称”、“窗口属性”)通用窗口属性：window对象、window对象window.defer 其意思是在整个网页读完之后，在状态栏中显示的文字。 window.status=变量值设定状态栏中显示的信息。 但是，意思和上述的不同，不是永久性状态栏中显示的文字，其值可以在网页的读取中随时变更。 window.location=会变更浏览器连结。 window.status等效于self.status，表示浏览器本身是当前窗口对象。 打开窗口对象、窗口对象的主要方法：open ()和close():关闭窗口并关闭当前窗口。 例如，window.close()alert (警告消息) :打开一个警告对话框confirm (“提示字符串”) :其中OK和cancle按钮打开一个返回值prompt (“提示字符串”、“默认值”) : 弹出一个包含文本框的对话框，其中返回值、窗口对象和窗口对象的主方法：window.navigate(web地址”)更改链接到当前窗口的web地址。 ID=setTimeout (函数名称、间隔)以一定的间隔自动执行函数。 window.moveTo(x、y坐标)将浏览器窗口的左上角直接移动到指定位置。 window.resizeBy (水平距离、垂直距离)调整当前窗口的大小，包括水平距离和垂直距离。 window.resizeTo (宽度、高度)设置当前窗口的大小。 Window对象、Window对象的主事件：1onLoad导入客户端浏览器时发生的事件。 body卷标签通常表示当客户端浏览器读取此页面时，将运行此函数程序。 2用户关闭整个浏览器窗口时发生的onunload网页事件。 body卷标签通常表示当用户关闭此页面时将运行此函数程序。 onResize事件：某些事件在用户调整阅览窗口大小时触发。 onMove事件：用户使用鼠标移动窗口时触发的事件。 document对象、document对象anchor对象：以标签生成对象links对象：以标签间的表单类型生成对象表单对象： 可以以其名称来表示，也可以以其形式来表示，document对象属性、document对象的属性document对象的方法、document对象的方法、history对象、history.back ()以前无参数。 history.forword ()会返回您刚才所阅读的页面，然后再次阅读。 无参数。 history.go ()在网页上任意移动。 可以指定参数。 0重新读取当前网页，1返回下一页，-1返回上一页。 location物件location.reload ()目前的网页会由浏览器重新读取，相当于更新网页。 location.replace( (“新页面名称”)当前页面链接到新页面。 image对象document.imagesindex.border表示图像周围边界的宽度。 document.imagesindex.width表示图像的宽度。 document.imagesindex.height表示图像的高度。 document .图像名称.属性名称表示图像的名称。 您可以使用此影像的名称来处理影像。 只能读取。 document.imagesindex.src表示图像读取。 通过更改图像的文件名，可以获得动态更改图像的效果。 可以修改。 form表单对象和form表单对象form表单对象document.forms是包含文档中所有表单()的数组。 要引用单个表单，请使用document.formsx，x作为数组的索引值。您也可以将name= . 属性附加到标签。 在这种情况下，可以直接使用document.查看form表单对象的属性length，并返回表单中包含的元素数form表单对象的方法reset ()来重置表单。 document .表单名称. reset ()等效于按“重置”按钮。 submit ()提交表单。 这与按“发送”按钮相同。表单元素对象(1/6)和表单元素对象中的每个表单元素都对应于对象引用表单元素对象，并使用“.”引用标记中“名称=.”属性的值。 无论参照哪个表单元素，此方法都可以参照表单元素对象(2/6)。 button按钮对象用“”返回指定的元素名称或设置指定的元素名称。 value是指定元素的值(按钮上显示的值) form，返回包含该元素的表单对象。 Checkbox复选框对象由在中指定的属性name返回并设置指定的元素名称。 value返回/设置中指定元素的值。 form返回包含此元素的表单对象。 返回/设置checked复选框对象是否被选中。 这是一个布尔值。 返回/设置默认情况下是否选中了defaultChecked复选框对象。 这是一个布尔值。表单元素对象(3/6)和password密码输入区域对象由 中指定的属性(与text、textarea相同) name返回并设置指定的元素名称。 返回/设置value密码输入区域的当前值。 defaultValue返回在中指定的默认值。 form返回包含此元素的表单对象。 例如，在第一个文本框中输入的数据以document.abc.dd.value的形式显示，在第二个密码框中输入的数据以document.abc.ee.value的形式显示如果一组Radio对象具有公共名称(name属性)，则document.formName.radioName为数组。 要访问单个Radio对象，请使用document.formName.radioNamex。 属性name返回/设置指定的元素名称。 value返回/设置中指定元素的值。 form返回包含此元素的表单对象。 checked返回/设置是否选择了此无线电域对象。 这是一个布尔值。 返回/设置默认情况下是否选中了defaultChecked对象。 这是一个布尔值。 表单元素对象(5/6)、Select下拉菜单对象返回/设置由“”指定的属性name指定的元素名称。 length返回选择对象下的选项数。 selectedIndex返回选定选项的下标。 此下标是选项在options阵列中的位置。 如果Select对象允许多个选择，则返回第一个选择的下标。 form返回包含此元素的表单对象。 表单元素对象(6/6)、optionsoption选项对象“”下的“”中指定的options是数组，同一选择对象下的option对象的各个option对象与指定选项对象中显示的文本value返回/指定选项对象的值相匹配。 Index返回Option对象的下标。 关于这个我什么都没说。 因为您必须知道物件的下标，才能指定特定的选项物件。 这个属性似乎没什么用处，很少使用。 selected返回是否选择了对象。 如果指定true或false，则可以动态更改选定项目。 defaultSelected会传回依预设选取的物件。 true/false，例如onetwo是document.ss.sel.options 0.text=onetext :可读写的，此选项的描述性文本与卷标签后的文本相同。Javascript事件、事件驱动程序概要鼠标和热键的动作通过事件鼠标和热键执行程序， 事件驱动程序处理时间程序事件驱动程序鼠标单击事件3:onClick用户单击鼠标按钮时发生onClick事件3360、Javascript等事件的更改事件例如，聚焦：焦点事件：onFocus对象时触发事件。 例如，如果复选框：失去焦点： onBlur ()用户将目标移动到窗口对象上方，将鼠标移动到没有对象的位置，然后