DOM编程:window对象与JavaScript特效实现

需积分: 3 6 下载量 56 浏览量 更新于2024-07-31 收藏 2.69MB PPT 举报
"北大青鸟的ACCP 5.0 JavaScript教程是专为IT学员设计的一套职业培训课程,旨在帮助学员掌握JavaScript基础和DOM编程,从而进入IT行业。本教程聚焦于JavaScript的核心概念,DOM操作以及window对象的使用。" 在JavaScript中,脚本执行的原理主要是基于事件驱动和单线程机制。JavaScript代码通常在浏览器环境中运行,当页面加载完毕后,浏览器会按照遇到JavaScript代码的顺序执行,同时,通过事件队列处理异步操作,如点击事件或定时器。 JavaScript提供了多种控制语句来控制程序流程,包括: 1. 条件语句(if...else,switch):根据条件执行不同的代码块。 2. 循环语句(for,while,do...while):重复执行一段代码直到满足特定条件。 3. 跳转语句(break,continue):用于中断循环或跳过循环的某次迭代。 创建有参函数的语法是: ```javascript function function_name(param1, param2) { // 函数体 } ``` 调用函数时,传递参数到括号内: ```javascript function_name(value1, value2); ``` DOM(Document Object Model)是HTML和XML文档的结构模型,它将文档视为一系列的节点,包括根节点、子节点和相邻节点: - **根节点**:文档结构的起点,例如HTML文档中的`<html>`元素。 - **子节点**:父节点下的任何元素、文本或注释,如`<head>`和`<body>`对于`<html>`来说是子节点。 - **相邻节点**:在同一层级上,一个节点的前一个或后一个节点,比如两个连续的`<div>`元素。 `window`对象是全局JavaScript对象,代表浏览器的窗口,包含了一些常用的属性和方法,如: - `window.location`:表示当前页面的URL。 - `window.document`:访问HTML文档的接口。 - `window.setTimeout()`:设置一个定时器,在指定毫秒数后执行指定的函数,例如: ```javascript setTimeout(function() { // 函数体 }, 2000); // 2秒后执行 ``` 本章的示例主要涵盖了以下技能: 1. **广告窗口特效**:利用`window.open()`方法创建新窗口,实现广告展示。 2. **时钟显示特效**:结合`setTimeout()`和`Date`对象,实时更新页面上的时间显示。 3. **动态改变HTML内容**:通过`document.getElementById()`和`innerHTML`、`href`等属性,实现对HTML元素内容和属性的动态修改。 通过学习这些示例,学员将能熟练地运用DOM模型查找和操作HTML元素,掌握window对象的实用方法,并了解如何利用JavaScript实现动态效果,增强网页的交互性。