HTML与Window对象详解

需积分: 18 80 浏览量更新于2024-08-23 收藏 1.05MB PPT 举报

"这篇文档主要介绍了JavaScript中的window对象及其相关属性和方法，同时涵盖了HTML的基础知识，包括HTML的起源、语法、文档结构以及各种元素的应用。" 在JavaScript中，`window`对象是全局对象，代表着浏览器的一个窗口。它包含了许多与浏览器窗口交互的属性和方法。以下是`window`对象的一些关键属性和方法： **属性：** 1. `document`: 提供对HTML文档的访问，允许我们操作DOM。 2. `history`: 访问浏览器的历史记录，可以用来回退和前进页面。 3. `location`: 用于获取或设置当前URL，也可以进行页面重定向。 4. `opener`: 返回创建当前窗口的窗口引用，如果窗口被直接打开，则为null。 5. `parent`: 返回当前窗口的父窗口，如果窗口没有嵌套，则等于`window`本身。 6. `self`: 返回对当前窗口的引用，通常用于自我引用。 7. `status`: 设置浏览器状态栏的文本。 8. `top`: 返回浏览器窗口的最顶层窗口，通常在多框架环境中使用。 9. `window`: 等同于`self`，是对当前窗口的引用。 **方法：** 1. `alert()`: 显示警告对话框，包含一条消息和一个确认按钮。 2. `close()`: 关闭当前窗口。 3. `confirm()`: 显示带有消息的确认对话框，有确认和取消两个按钮。 4. `open()`: 打开新的浏览器窗口或找到已命名的窗口。接下来，文档转向了HTML的基础知识，HTML是超文本标记语言，用于构建网页内容。它由一系列元素组成，这些元素通过标签来定义，例如`<html>`、`<head>`、`<body>`等。HTML文档的基本结构如下： ```html <!DOCTYPE html> <html> <head> <title>网页标题</title> <meta charset="utf-8">  </head> <body>  </body> </html> ``` `<head>`部分通常包含`<title>`（设置页面标题）、`<meta>`（提供元信息，如字符编码、刷新间隔等）、`<style>`（内联CSS样式）和`<script>`（内联JavaScript代码）标签。`<body>`部分则包含用户可见的网页内容。 HTML还支持多种元素，如字体、文字布局、图像、表单、表格和框架，它们共同构成了网页的丰富内容。随着技术的发展，HTML与CSS和JavaScript的结合（DHTML）使得动态交互的网页成为可能，而XHTML则是遵循XML规范的HTML版本，提高了语义性和可解析性。

巴黎巨星岬太郎

粉丝: 18
资源: 2万+

HTML与Window对象详解

window对象--event对象详解

javascript window对象

JavaScript BOM操作 window对象的子级对象 示例代码

WEB前端高级开发-使用javascript进行深入学习和探索

contentWindow,contentDocument, docuemnt ,window,self,top,parent,opener的关系

关于 window 对象表述正确的有

window对象是什么

window对象的使用

NoticeFlow.js:2727 Uncaught TypeError: Converting circular structure to JSON --> starting at object with constructor 'Window' --- property 'window' closes the circle at JSON.stringify (<anonymous>)

什么是window对象? 什么是document对象?

最新资源

JavaScript BOM操作 window对象的子级对象示例代码