javaScript对象

1. 使用window对象可以实现弹出窗口、关闭当前窗口、弹出页面消息框等效果 2. 使用Date对象可以获得当前系统、时间 3. 使用定义函数与Dote()对象可以制作时钟特效 4. 使用history和location对象的相关属性和方法可以轻松的实现游览器中“后退”、“前进”和“刷新”按钮的功能 5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: 8. setTimeout()只执行一次函数，如果要调用多次函数，则需要使用setInterval()或者让被调用的函数再次调用 ### JavaScript对象详解 #### Window对象 - **简介**：`Window`对象是浏览器对象模型（BOM）的核心，它是顶层对象。在JavaScript中，`Window`对象代表的是浏览器的窗口，同时也是其他对象的父对象。当浏览器加载HTML文档时，会创建一个`Window`对象。 - **功能**： - 弹出新的浏览器窗口 - 移动、关闭浏览器窗口以及调整窗口大小 - 在浏览器窗口中实现页面的前进、后退功能 - **常用属性**： - `location`: 获取或设置当前窗口的位置信息，例如：`window.location = "http://www.example.com";` 可以实现页面跳转。 - **常用方法**： - `alert()`: 显示警告对话框，如 `window.alert("警告信息");` - `confirm()`: 显示确认对话框，返回布尔值，例如：`var flag = window.confirm("确认要删除吗？");` - `prompt()`: 显示输入对话框，用于提示用户输入信息，例如：`var userInput = window.prompt("请输入用户名：", "默认值");` - `open()`: 打开新窗口，如 `window.open("http://www.example.com", "_blank", "width=500,height=500");` - `close()`: 关闭当前窗口，如 `window.close();` #### History对象 - **简介**：`History`对象提供用户最近访问过的URL列表，使得开发者能够控制浏览器的后退/前进历史记录。 - **常用方法**： - `back()`: 后退到上一个页面 - `forward()`: 前进到下一个页面 - `go()`: 根据参数值前进或后退指定的页面数量 #### Location对象 - **简介**：`Location`对象提供有关当前页面URL的信息，并且可以重新加载当前页面或加载新页面。 - **常用属性**： - `href`: 当前文档的URL - `host`: 服务器的域名和端口号 - `hostname`: 服务器的域名 - **常用方法**： - `reload()`: 重新加载当前页面 - 设置`href`属性来导航到新的URL，例如：`window.location.href = "http://www.example.com";` #### Document对象 - **简介**：`Document`对象是`Window`对象的一部分，也是DOM的核心部分，用于表示整个HTML文档。 - **常用属性**： - `referrer`: 访问当前文档之前的文档URL - **常用方法**： - `getElementById()`: 通过ID获取页面中的单个元素，例如：`var element = document.getElementById("someId");` - `getElementsByName()`: 通过名称获取页面中的多个元素，例如：`var elements = document.getElementsByName("someName");` - `getElementsByTagName()`: 通过标签名获取页面中的多个元素，例如：`var elements = document.getElementsByTagName("div");` #### Date对象 - **简介**：`Date`对象用于处理日期和时间，可以获取当前系统时间或设定具体的时间。 - **创建方式**： - `var today = new Date();` // 获取当前日期和时间 - `var tdate = new Date("July 15, 2013, 16:34:28");` // 指定日期和时间 - **常用方法**： - `getFullYear()`: 返回完整的四位年份 - `getMonth()`: 返回月份 (0-11)，其中0表示一月 - `getDate()`: 返回一个月中的某一天 (1-31) - `getHours()`: 返回小时 (0-23) #### Math对象 - **简介**：`Math`对象提供了很多数学计算功能，可以直接使用而无需实例化。 - **常用方法**： - `random()`: 返回0到1之间的随机数 - `floor()`: 向下取整 - `ceil()`: 向上取整 - `round()`: 四舍五入 - **示例**： - 生成1到100之间的随机整数：`var iNum = Math.floor(Math.random() * 100) + 1;` - 生成2到99之间的随机整数：`var iNum = Math.floor(Math.random() * 98) + 2;` #### 总结 以上介绍了JavaScript中几种常见的对象及其使用方法。通过这些对象，我们可以更方便地进行网页的交互开发，比如控制窗口的行为、操作文档结构、处理日期时间以及执行数学计算等。这些对象的掌握对于前端开发者来说是非常重要的基础技能之一。