电子商务实用基础 教学课件 作者 闵敏 第3章 文档对象模型.pptVIP

六、对象模型的事件处理机制 2.事件处理方法 ① 用Script标记引入 在Script…/Script程序段中建立响应动作的函数或是子程序，然后在标记的事件中设置其值为事件函数名。如例3-6-2。 六、对象模型的事件处理机制 2.事件处理方法 ② 由HTML标记的ID引入 也可以为HTML标记起一个ID名称，然后以此“ID加上事件的名称”，即用id_event的命名形式，来当作函数或子程序的名称。如例3-6-3。 六、对象模型的事件处理机制 2.事件处理方法 ③ 在HTML标记中直接引入 如果处理事件的Script程序很短而且不是太复杂，就可以直接将这段Script程序写在标记内部。这样就不用额外建立函数或是子程序了。还是针对同一个例子，我们可以将程序改写为如例3-6-4。 教育部“十一五”规划教材 第3章 文档对象模型 电子商务设计实务 第二版 主要内容 浏览器中的对象 1 window对象 2 document对象 3 history对象 4 navigator对象 5 对象模型的事件处理机制 6 一、浏览器中的对象 文档对象模型 文档对象模型(是Document Object Model的缩写，简称为DOM)，它是浏览器处理网页内容的一种特殊方式。在可视化编程中，通过对象的方法、属性和事件实现对对象的操作，而且可以随时创建新的对象。文档对象模型是一种客户端的应用，要实现复杂且安全的交互式网页，就必须采用服务器端方案，如ASP.NET等。 一、浏览器中的对象 2.浏览器对象模型结构 整个对象模型层次化的。 Event Window History Navigator Frames Document Document 二、window对象 属性 只读 返回集合里的元件数目 length 只读 返回已经浏览过的记录数据 history 属 性 说 明 类 型 属 性 说 明 类 型 name 窗口的名称 读 opener 返回目前打开的对象 只读 defaultstatus 浏览器状态栏的默认显示 读/写 closed 指示一个窗口是否关闭 只读 status 状态栏的显示 读/写 top 返回最上层的窗口对象 只读 location 网页的URL 读/写 self 以目前窗口或窗格为参考 只读 navigator 浏览器信息 只读 parent 返回上层的窗口对象 只读 document 代表浏览器窗口内的网页文件 只读 表3-1 window对象的属性 二、window对象 属性 defaultStatus属性，如例 3-2-1 效果 二、window对象 2. window对象的方法 方 法 说 明 返回值 Alert 打开显示信息对话框 无 confirm 打开确认信息对话框 Ture或False prompt 打开输入数据对话框 用户输入的文字或Null Open 打开新窗口 无 Close 关闭窗口 无 Navigate 载入一份文件 无 表3-2 Window对象的方法 二、window对象 ① open方法 ，按下一个按钮后，能打开另一个新窗口显示链接的网页，其VBScript的语法如下： 如例3-2-2 2. window对象的方法 window.open URL,窗口名称，名称，窗口属性 二、window对象 ② alert 方法 ，只是单纯地用来显示信息文字，不会有任何返回值。其VBScript的语法如下： 如例3-2-3 2. window对象的方法 window.alert 信息内容 二、window对象 ③ confirm 方法 ，也会产生信息对话框，只是对话框多了“确定”和“取消”按钮。如果选择确定，则返回值为true，否则返回值为false。其VBScript的语法如下： 如例3-2-4 2. window对象的方法 window.confirm 显示内容 二、window对象 ④ prompt方法，所产生的信息对话框除了可显示信息文字外，还会有一个文字输入栏，让用户输入一些信息。其VBScript的语法如下： 如例3-2-5 2. window对象的方法 mpt 信息内容,输入栏默认值 二、window对象 3. window的事件 window对象总计有9个事件，如下表所示。 用户按下f1键时发生 onhelp 窗口失去焦点成为背景窗口时发生