JavaScript操作BOM对象
发布日期:2022-02-06 00:27:02 浏览次数:29 分类:技术文章

本文共 1192 字,大约阅读时间需要 3 分钟。

window对象

浏览器对象模型(BOM)是JavaScript的组成之一 ,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力。BOM是一一个分

层结构,如下图所示。

在这里插入图片描述

使用BOM通常可实现如下功能
1.弹出新的浏览器窗口
2.移动、关闭浏览器窗口及调整窗口的大小。
3.在浏览器窗口中实现页面的前进、后退功能。

window对象的常用属性

在这里插入图片描述
在JavaScript中,属性的语法格式如下:
window.属性名=“属性值”

window对象的常用方法

在这里插入图片描述
在这里插入图片描述
history对象的方法
在这里插入图片描述
location对象
location对象的属性
在这里插入图片描述
location对象的方法
在这里插入图片描述
document对象
document对象既是window对象的一部分,又代表了整个HTML文档,可用来访问页面中的所有元素。所以在使用document对象时,除了要适用于各浏览器外,也要符合W3C (万 维网联盟)的标准。
document对象的常用属性
在这里插入图片描述
语法格式
document.referrer
document.URL

document对象的常用方法

在这里插入图片描述
1.getElementByld( )方法一般用于访问div.图片、表单元素、网页标签等,但要求访问对象的id是唯一的。
2.getElementsByName( )方法与getElementByld( )方法相似,但它访问的是具有name属性的元素,由于一个文档中的name属性可能不唯一 ,因此getElermentsByName( )方法般用于访问一组相同name属性的元素,如具有相同name属性的单选按钮,复选框等。
3.getElementsByTagName( )方法是按标签来访问页面元素的,一般用于访问一组相同的元素。

JavaScript内置对象:Date对象,Array对象,String对象,Math对象

1.Date:用于操作日期和时间。

2.Array:用于在单独的变量名中存储一系列的值。
3.String:用于支持对字符串的处理。
4.Math:使我们有能力执行常用的数学任务,它包含了若干个数字常量和函数。

定时函数 setTimeout()和setInterval()。

清除定时器的函数: clearTimeout()和clearInterval()。

1.setTimeout():用于在指定的毫秒后调用函数或计算表达式。

2.setInterval():可按照指定的周期(以毫秒计)来调用函数或计算表达式。
3.clearTimeout()和clearInterval():前面是用来清除setTimeout()设置的定时器,后者是清除setInterval()设置的定时器

转载地址:https://blog.csdn.net/weixin_46175284/article/details/107239753 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:初始jQuery
下一篇:模式识别期末考试名词解释总结

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月27日 17时47分18秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

Leetcode 687. 最长同值路径(DAY 19) 2019-04-27
Leetcode 1367. 二叉树中的列表(DAY 19)(Leetcode百题成就截图) 2019-04-27
Leetcode 1339. 分裂二叉树的最大乘积(DAY 19) 2019-04-27
Leetcode 662. 二叉树最大宽度(DAY 20) 2019-04-27
Leetcode 面试题 04.05. 合法二叉搜索树(DAY 20)(迭代中序遍历) 2019-04-27
Leetcode 1028. 从先序遍历还原二叉树(DAY 21)(划开新时代 Hard第一题 Hard含题解) 2019-04-27
Leetcode 99. 恢复二叉搜索树(DAY 22 Hard含题解) 2019-04-27
Leetcode 297. 二叉树的序列化与反序列化(DAY 23)(Hard细节挺多的 需要调试一会 含题解) 2019-04-27
Leetcode 1641. 统计字典序元音字符串的数目(DAY 24 动态规划开始 ---鸽子一星期准备考试)----动态规划学习期 2019-04-27
Leetcode 338. 比特位计数(DAY 25高数线代终于考完)----动态规划学习期 2019-04-27
Leetcode 1402. 做菜顺序(DAY 25 Hard 含题解)----动态规划学习期 2019-04-27
Leetcode 1025. 除数博弈(DAY 25)---- 动态规划学习期 2019-04-27
Leetcode 303. 区域和检索 - 数组不可变(DAY 25) ---- 动态规划学习期 2019-04-27
Leetcode 剑指 Offer 42. 连续子数组的最大和(DAY 25)---- 动态规划学习期 2019-04-27
Leetcode 121. 买卖股票的最佳时机(DAY 26) ---- 动态规划学习期 2019-04-27
Leetcode 746. 使用最小花费爬楼梯(DAY 26) ---- 动态规划学习期 2019-04-27
Leetcode 面试题 17.16. 按摩师(DAY 26) ---- 动态规划学习期 2019-04-27
Leetcode 70. 爬楼梯(DAY 26) ---- 动态规划学习期 2019-04-27
Leetcode 392. 判断子序列(DAY 26)---- 动态规划学习期 双百解法 2019-04-27
Leetcode 面试题 08.01. 三步问题(DAY 26) ---- 动态规划学习期 2019-04-27