HTML基础教程:对话框与状态栏操作

需积分: 14 0 下载量 144 浏览量 更新于2024-07-12 收藏 10.61MB PPT 举报
"对话框与状态栏-HTML老吕教程" 在HTML编程中,对话框和状态栏是两个关键的交互元素,它们提供了与用户的简单交互方式。对话框主要用于向用户展示信息或者获取用户输入,而状态栏则用来在浏览器底部显示额外的信息。 对话框主要分为三种类型: 1. `alert(str)`:这是一个简单的警告对话框,它只包含一个“确定”按钮。当你调用`alert`函数并传入一个字符串`str`时,浏览器会显示一个包含该字符串的消息,并等待用户点击“确定”按钮关闭对话框。 2. `confirm(str)`:确认对话框与`alert`类似,但它增加了一个“取消”选项。同样,传入一个字符串`str`作为消息,用户可以选择“确定”或“取消”。如果用户点击“确定”,返回值为`true`;点击“取消”,返回值为`false`。 3. `prompt(str, defaultValue)`:这个函数用于获取用户输入。它弹出一个对话框,包含一个文本输入框,用户可以在其中输入信息。`str`参数是提示消息,`defaultValue`则是输入框的初始值。如果未提供`defaultValue`,最好设置一个空字符串,因为不同的浏览器可能处理这种情况不同。 状态栏管理涉及两个属性: 1. `window.defaultStatus`:这个属性用于设置浏览器窗口的状态栏的默认显示文本。当状态栏没有其他内容时,它会显示设定的文本。例如,`window.defaultStatus = "欢迎访问我的网站!"`将使得浏览器在打开页面时在状态栏显示此信息。 2. `window.status`:此属性允许临时更改浏览器状态栏的显示文本。例如,当用户鼠标悬停在某个元素上时,可以通过改变`window.status`来提供额外的提示信息。但需要注意的是,出于安全和用户体验考虑,现代浏览器可能对这个属性的使用有所限制。 HTML是HyperText Markup Language的缩写,是一种用于创建网页的标准标记语言。它由一系列元素组成,这些元素通过开始和结束标签(如`<p>`和`</p>`表示段落)来定义网页的结构和内容。HTML文件的基本结构包括`<HTML>`、`<HEAD>`和`<BODY>`标签: - `<HTML>`标签包围整个HTML文档,定义了文档的开始和结束。 - `<HEAD>`标签包含文档的元数据,如标题(`<TITLE>`)、字符集声明(`<META charset="UTF-8">`)等,这些信息并不直接显示在网页内容中。 - `<BODY>`标签则包含了实际显示给用户的内容,如文本、图片、链接等。 使用文本编辑器如记事本或专门的网页编辑软件(如Dreamweaver、FontPage等)可以编写HTML代码。创建HTML文件时,需要注意正确地关闭所有标签,遵循嵌套规则,并且在需要的地方指定属性。保存文件时,应使用`.html`或`.htm`作为扩展名。 通过理解并熟练运用对话框和状态栏,以及HTML的基础知识,开发者可以创建更具互动性和用户体验的网页。