首页 > 编程语言 >前端必知必会-JavaScript 窗口 - 浏览器对象模型

前端必知必会-JavaScript 窗口 - 浏览器对象模型

时间:2024-12-19 17:29:12浏览次数:7  
标签:窗口 必知 JavaScript 对象 window BOM 浏览器

文章目录


JavaScript 窗口 - 浏览器对象模型

浏览器对象模型 (BOM) 允许 JavaScript 与浏览器“对话”。

浏览器对象模型 (BOM)

浏览器对象模型 (BOM) 没有官方标准。

由于现代浏览器已经为 JavaScript 交互实现了(几乎)相同的方法和属性,因此它通常被称为 BOM 的方法和属性。

窗口对象

所有浏览器都支持窗口对象。它代表浏览器的窗口。

所有全局 JavaScript 对象、函数和变量都会自动成为窗口对象的成员。

全局变量是窗口对象的属性。

全局函数是窗口对象的方法。

甚至文档对象(HTML DOM 的)也是窗口对象的属性:

window.document.getElementById("header");

与以下相同:

document.getElementById("header");

窗口大小

可以使用两个属性来确定浏览器窗口的大小。

两个属性均返回像素大小:

window.innerHeight - 浏览器窗口的内部高度(以像素为单位)
window.innerWidth - 浏览器窗口的内部宽度(以像素为单位)

浏览器窗口(浏览器视口)不包括工具栏和滚动条。

示例

let w = window.innerWidth;
let h = window.innerHeight;

总结

本文介绍了JavaScript 窗口 - 浏览器对象模型的使用,如有问题欢迎私信和评论

标签:窗口,必知,JavaScript,对象,window,BOM,浏览器
From: https://blog.csdn.net/qq_24018193/article/details/144459643

相关文章

  • javascript 两点之间的积分点数(Number of Integral Points between Two Points)
    给定两点p(x1,y1)和q(x2,y2),计算连接它们线上的积分点的数量。输入:x1=2,y1=2,x2=5,y2=5输出:2解释:连接(2,2)和(5,5)的线上只有2个整数点。这两个点是(3,3)和(4,4)。输入:x1=1,y1=9,x2=8,y2=16输出:6解释:连接(1,9)和(8,16)的线上有6个整数......
  • Z-BlogPHP 后台 JavaScript 加载失败的原因是什么?
    “后台JavaScript加载失败”错误通常出现在Z-BlogPHP中,表示浏览器在加载后台页面时无法正确加载JavaScript文件。以下是常见的原因和解决方法:浏览器版本过低:使用老旧的浏览器版本(如IE6/7/8等)可能导致JavaScript加载失败。解决方法:更新浏览器到最新版本,建议使用现......
  • 2024实测验证可用的股票数据接口集合.:python、JavaScript 、JAVA等实例代码演示教你如
    实测可用的股票数据接口,可以直接点击在浏览器中验证:沪深两市股票列表API接口链接(可点击验证):https://api.mairui.club/hslt/list/b997d4403688d5e66a【实时数据接口】沪深两市实时交易数据接口API接口链接(可点击验证):https://api.mairui.club/hsrl/ssjy/000001/b997d4403......
  • 什么,浏览器也能访问本地电脑文件!!!
    文章目录需求分析1.如何弹出文件夹选择框2.如何获取文件夹中的内容3.如何读取文件内容4.总体代码需求在浏览器中打开本地文件夹并获取指定文件夹下的内容在早期的时候呢,这些API确实是没有的,也就是根本不允许在浏览器中读取本地文件夹里的信息,但是后期出现的......
  • JavaScript中var、let和const的区别是什么?
    1.变量声明关键字概述1.1var关键字的特点var是JavaScript中传统的变量声明关键字,它具有以下特点:函数作用域:使用var声明的变量在函数内部是局部的,仅在该函数内部可见。全局作用域:在函数外部声明的var变量是全局的,在整个程序中都可访问。变量提升:var声明的变......
  • 前端必知必会-JavaScript HTML DOM 导航
    文章目录JavaScriptHTMLDOM导航DOM节点DOMHTML树节点关系节点树在节点之间导航子节点和节点值InnerHTMLDOM根节点document.body-文档的正文nodeName属性nodeName是只读的nodeValue属性nodeType属性总结JavaScriptHTMLDOM导航使用HTMLDOM,您可以使......
  • 前端必知必会-JavaScript HTML DOM 元素(节点)
    文章目录JavaScriptHTMLDOM元素(节点)添加和删除节点(HTML元素)创建新的HTML元素(节点)创建新的HTML元素-insertBefore()删除现有HTML元素删除子节点替换HTML元素总结JavaScriptHTMLDOM元素(节点)添加和删除节点(HTML元素)创建新的HTML元素(节点)要向HT......
  • 前端必知必会-JavaScript HTML DOM 集合
    文章目录JavaScriptHTMLDOM集合HTMLCollection对象HTMLHTMLCollection长度总结JavaScriptHTMLDOM集合HTMLCollection对象getElementsByTagName()方法返回HTMLCollection对象。HTMLCollection对象是HTML元素的数组式列表(集合)。以下代码选择文档......
  • 请说说浏览器是如何加载资源的?
    浏览器加载资源的过程是一个复杂而精细的流程,涉及多个步骤和组件的交互。以下是一个简化的描述,以帮助理解浏览器如何加载前端资源:输入URL并解析DNS:用户在浏览器地址栏输入网址(URL)。浏览器首先通过DNS(域名系统)将URL中的域名解析为对应的IP地址。建立连接并发送HTTP请求:......
  • 如果不写标准的html标签,浏览器可以正常解析出来吗?
    当HTML文档不包含标准的HTML标签时,浏览器的解析行为可能会受到影响,但并不一定意味着浏览器无法解析或显示内容。以下是对这一问题的详细分析:浏览器的容错机制:现代浏览器都具备强大的容错和错误修复能力。即使HTML代码中缺少某些标签或格式不正确,浏览器也会尝试修复这些错误,并尽......