JS BOM:浏览器对象模型

最新推荐文章于 2024-07-19 15:13:24 发布

xiao666yan

最新推荐文章于 2024-07-19 15:13:24 发布

阅读量68

点赞数

分类专栏： JavaScript 文章标签： javascript java 开发语言

本文链接：https://blog.csdn.net/qq_51325652/article/details/131368317

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

BOM:浏览器对象模型

![window window代表浏览器窗口 window.alert(1) undefined window.innerHeight 708 window.innerWidth 150 //大家可以调整浏览器窗口试试… Navigator Navigator封装了浏览器的信息大多数时候不会用navigator对象，因为会被人为修改

screen

代表屏幕尺寸

screen.width
1536
screen.height
864

location(important)

location代表当前页面的URL信息

host:"www.baidu.com/"
href:"https://www.baidu.com/"
protocol:"https:"
reload:f reload() //刷新网页
//设置新的地址
location:assign('https://blog.yxkstudy.com/')

document

document代表当前的页面

document.title
'Title'
document.title='yxk'
'yxk'

获取目标的文档树节点

<body>
    <dl id = "app">
        <dt>Java</dt>
        <dt>JavaSE</dt>
        <dt>JavaEE</dt>
    </dl>
<script>
    let dl = document.getElementById('app');
</script>
</body>

在这里插入图片描述

获取cookie(不要暴露)

document.cookie
''

服务器可以设置cookie:httpOnly

history

history代表浏览器的历史记录

history.back()  //后退

history.forword()  //前进

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiao666yan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS BOM:浏览器对象模型

JavaScript的BOM:浏览器对象模型基本内容介绍
复制链接

扫一扫

专栏目录

slide-bom:浏览器对象模型 (BOM) 的网页幻灯片

07-10

"Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题，特别是聚焦在JavaScript中的浏览器对象模型（Browser Object Model）。"滑动炸弹"可能是指一种动态效果或者交互设计，其中幻灯片以滑动方式...

JavaScript 浏览器对象模型BOM使用介绍

10-24

JavaScript 浏览器对象模型（BOM）是Web开发中不可或缺的一部分，它允许开发者与用户的浏览器进行交互，而不仅仅是操作HTML文档。BOM的核心对象是`window`，它代表了一个浏览器窗口实例，同时也是全局作用域的基底，...

参与评论您还未登录，请先登录后发表或查看评论

头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六：浏览器对象模型

01-20

JavaScript学习手册十六主要聚焦在浏览器对象模型（Browser Object Model，简称BOM）这一主题，它是Web前端开发中的重要组成部分。BOM允许JavaScript与浏览器进行交互，控制窗口、导航、历史记录、时间等特性，提供...

JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

10-21

主要介绍了JavaScript浏览器对象模型BOM(BrowserObjectModel),结合实例形式较为详细的分析了BOM模型的常用对象与相关使用技巧,需要的朋友可以参考下

JavaScript 浏览器对象模型BOM原理与常见用法实例分析

12-13

本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考，具体如下：什么是BOM BOM：Browser Object Model，浏览器对象模型从上图也可以看出： window对象是BOM的顶层(核心)对象，...

TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！

OpenTiny的博客

07-17

1009

本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。

博客前端项目学习day03——框架页

qq_53237241的博客

07-19

243

【代码】博客前端项目学习day03——框架页。

自定义 Hooks 在 Vue3 中的应用和重要性

CodeQi技术小栈的博客

07-16

1006

自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。

vue3前端开发-如何让自己的网站适合SEO排名规则

yrldjsbk的博客

07-17

158

我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。

vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex

weixin_73582152的博客

07-15

805

Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。

vue3配置代理

Joe world的博客

07-16

166

【代码】vue3配置代理。

Vue2中的v-model的表单元素绑定

m0_56698546的博客

07-16

271

常用的表单元素是可以用v-model来绑定关联 ->快速获取或设置表单元素的值。它会根据控件的类型自动选择正确的方法来更新元素。

vue3 vxe-grid查询有返回数据，但是不显示的问题解决

jwbabc的专栏

07-18

294

vxe-grid，方法是调用了，也有返回结果，但是就是不显示的解决。

轮播图变成响应式数据

最新发布

罗铠威的博客

07-19

本篇博客主要记录轮播图变成响应式数据。

React

weixin_45836841的博客

07-15

223

create-react-app（创建项目）：npx create-react-app xxx（xxx 项目名）

javascript之匿名函数和立即执行函数

2301_77451464的博客

07-15

243

/ console.log('函数')// 1. 第一种写法。// 2.第二种写法。

使用html2canvas实现图片或者dom元素的样式展示

m0_64207574的博客

07-16

193

html2canvas的引入有两个，vue或者react或者nuxt都用，npm，pnpm，yarn下载都可以。插入显示方法，用于展示后长按下载的。html或者.vue.tsx模板。然后script要记得引入。

TypeScript 教程(三)：函数与对象类型

cdns_1的博客

07-15

769

在前两章中，我们介绍了 TypeScript 的基础知识，包括安装、配置和基本类型。在本章中，我们将深入探讨函数与对象类型，了解它们的定义与使用，并通过扩展知识点让你有更多的收获。TS 入门(一)：TypeScript 简介与安装TS 入门(二)：Typescript类型与类型注解通过本章的学习，你应该对 TypeScript 中的函数类型和对象类型有了更深入的理解，并掌握了类型别名和接口的使用。

Nest.js 实战 (三)：使用 Swagger 优雅地生成 API 文档

白雾茫茫丶

07-18

833

这篇文章介绍了Swagger，它是一组开源工具，围绕OpenAPI规范帮助设计、构建、记录和使用RESTAPI。文章主要讨论了Swagger的主要工具，包括SwaggerEditor、SwaggerUI、SwaggerCodegen等。然后介绍了如何在Nest框架中集成Swagger，展示了安装依赖、定义DTO和控制器等步骤，以及如何使用Swagger装饰器。文章最后总结说，集成Swagger文档可以自动生成和维护API文档，规范API标准化和一致性，但会增加开发者工作量，需要保持注释和装饰器的准确性。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交