《Web开发基础技术》教学课件.pptVIP

************************JavaScript流程控制条件语句根据条件判断执行不同的代码块，例如`if`、`else`、`switch`。循环语句重复执行一段代码，例如`for`、`while`、`do...while`。跳转语句改变程序执行流程，例如`break`、`continue`、`return`。JavaScript函数函数定义使用`function`关键字定义函数，例如`functionmyFunction(){...}`。函数调用使用函数名加括号调用函数，例如`myFunction();`。参数传递函数可以接受参数，用于传递数据。返回值函数可以使用`return`语句返回结果。JavaScript对象创建对象使用字面量或构造函数创建对象。1属性对象包含键值对，键是属性名，值是属性值。2方法对象包含的方法是函数，用于执行特定操作。3访问属性和方法使用点号或方括号访问对象的属性和方法。4JavaScript事件处理1事件用户在网页上的操作，例如点击、鼠标悬停、键盘输入等。2事件处理程序用于响应事件的函数，例如`onclick`、`onmouseover`、`onkeydown`等。3事件监听器使用`addEventListener()`方法注册事件监听器，以便在事件发生时执行相应的处理程序。DOM基础1文档对象模型DOM是DocumentObjectModel的缩写，它将HTML文档表示为一个树形结构。2节点DOM树中的每个元素、属性、文本等都是一个节点。3节点类型常见的节点类型包括元素节点、属性节点、文本节点等。4节点关系节点之间存在父子关系、兄弟关系、祖先关系等。DOM树操作1获取节点使用`getElementById()`、`getElementsByTagName()`、`querySelector()`等方法获取节点。2创建节点使用`createElement()`、`createTextNode()`等方法创建节点。3修改节点使用`innerHTML`、`textContent`、`setAttribute()`等方法修改节点内容和属性。4添加和删除节点使用`appendChild()`、`insertBefore()`、`removeChild()`等方法操作节点。DOM事件模型事件冒泡事件从目标节点开始，向上传播到祖先节点。事件捕获事件从根节点开始，向下传播到目标节点。事件监听器使用`addEventListener()`方法注册事件监听器，以便在事件发生时执行相应的处理程序。BOM基础浏览器对象模型BOM是BrowserObjectModel的缩写，它提供了与浏览器交互的接口。导航对象例如`location`对象，用于获取和修改浏览器的地址。历史对象例如`history`对象，用于操作浏览器的历史记录。屏幕对象例如`screen`对象，用于获取屏幕的信息，例如分辨率、颜色深度等。BOM对象1Window对象表示浏览器窗口，包含许多方法和属性，例如`alert()`、`confirm()`、`prompt()`等。2Location对象用于获取和修改浏览器的地址，例如`href`、`protocol`、`hostname`等属性。3History对象用于操作浏览器的历史记录，例如`back()`、`forward()`、`go()`等方法。4Navigator对象用于获取浏览器的信息，例如`userAgent`、`platform`、`language`等属性。jQuery简介JavaScript库jQuery是一个JavaScript库，它简化了JavaScript代码的编写，提供了一系列实用的功能。选择器jQuery提供了丰富的选择器，方便地选择HTML元素。DOM操作jQuery简化了DOM操作，例如添加、删除、修改节点。事件处理jQuery简化了事件处理，例如绑定、解绑事件。jQuery选择器基本选择器例如`$(“#id”)`、`$(“.class”)`、`$(“tag”)`等，用于选择单个或多个元素。层级选择器例如`$(“pspan”)`、`$(“div+p”)`等，用于选择特定层级的元素。属性选择器例如`$(“a[href=”]”)`、`$(“input[ty