当前位置: 首页 > news >正文

Web前端学习:章四 -- JavaScript初级(四)-- BOM

138:Object数据格式简介

1、object对象

JS中独有 的一种数据格式
名字可以随便取,值一般就那几种数据格式
在这里插入图片描述

139:BOM - JS跳转页面

BOM

Browser Object Model:浏览器对象模型
使用JavaScript控制浏览器交互
控制浏览器里面的内容,而不是页面里面的内容
BOM没有官方标准,每个浏览器实线标准不一样,有兼容问题,部分常用的通用

Location

对象包含有关当前URL的信息
在这里插入图片描述

1、href

location.href
返回 或 设置url地址
不能新页面打开
在这里插入图片描述

140:BOM - JS刷新页面

1、

最简单的刷新
在这里插入图片描述

2、reload()

location.reload()
刷新页面
在这里插入图片描述

141:BOM - 访问浏览器的历史记录

1、History

对象包含用户 在浏览器窗口中 访问过的URL

(1)back

history.back();返回上一个网页
在这里插入图片描述

(2)forward

history.forward();返回下一个网页
在这里插入图片描述

(3)go

history.go();参数为数字
若参数为负数:history.go(-2),= 执行两次back,返回上一个的上一个网页
若参数为正数:history.go(2),= 执行两次forward,返回下一个的下一个网页

142:BOM - 常用探窗及使用

1、alert - 警告窗

2、confirm - 确认窗

confirm();
有两个选项,确定,取消
在这里插入图片描述

如果选择确定,返回true
如果选择取消,返回false
在这里插入图片描述
小循环
当点击取消会一直触发go(),直到点击确认
在这里插入图片描述

3、prompt - 弹出输入框

在这里插入图片描述
返回的是输入的值
如果点击取消,即未输入,返回null
在这里插入图片描述
如果不输入,点击确定,返回‘’,空的
在这里插入图片描述
有输入内容时,返回输入的值
在这里插入图片描述
判断
在这里插入图片描述

143:BOM - 浏览器用户信息

1、Navigator

对象包含有关浏览器的信息
返回浏览器信息,但兼容性很差

(1)userAgent

navigator.userAgent,返回浏览器用户信息,各个浏览器都有,可以看到是什么浏览器,以及版本等信息

144:BOM - screen对象

1、screen

对象包含了有关客户端显示屏幕的信息
在这里插入图片描述
比较常用的属性:
width:显示器的宽度
height:显示器的高度
在这里插入图片描述
availHeight:除了信息栏的高度
availWidth:除了信息栏的宽度
在这里插入图片描述

145:BOM - 浏览器距离屏幕的距离

1、screenX/Y

screenX = screenLeft:浏览器距屏幕左边的距离
screenY = screenTop:浏览器距屏幕上边的距离
在这里插入图片描述

146:BOM - 浏览器的内外大小

1、innerHeight / Width

代表窗口内部大小,只计算浏览器内容的宽高
在这里插入图片描述

2、outerHeight / Width

代表浏览器外部大小
在这里插入图片描述

http://www.lryc.cn/news/42827.html

相关文章:

  • Lesson9.网络基础1
  • 这几个SQL语法的坑,你踩过吗
  • 算法基础——复杂度
  • 基类与派生类对象的关系 派生类的构造函数
  • 【算法】生成分布式 ID 的雪花算法
  • Linux系统编程 - 基础IO(IO操作)
  • 基于 Avue 的 CRUD 表格组件封装
  • 树莓派学习笔记(十三)基于框架编写驱动代码
  • vue事件修饰符之.prevent
  • 【SpringCloud AlibabaSentinel实现熔断与限流】
  • 类与对象-封装
  • 【回忆杀】2012年拥有第一台电脑【致逝去的青春】
  • PointNeXt: Revisiting PointNet++ with Improved Training and Scaling Strategies
  • 打印九九乘法表-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)
  • 【Linux】基于阻塞队列的生产者消费者模型
  • 【华为OD机试 2023最新 】 真正的密码(C++)
  • 差分算法(蓝桥杯复习+例题讲解+模板c++)
  • CSS+ JS 实现手电筒效果
  • 2021地理设计组二等奖:基于InSAR和指数分析的地面沉降风
  • 计算机操作系统(第四版)第二章进程的描述与控制—课后习题答案
  • CAN通信----电路图
  • Windows系统安装ElasticSearch(一)
  • linux 产生随机数 并遍历
  • 【3.24】Mybatis常见面试题
  • IDEA 热部署,修改代码不用重启项目
  • 将 XLS 转换为 EXE:xlCompiler Crack
  • 【百面成神】spring基础12问,你能坚持到第几问
  • javaSE类和对象(下)
  • 【数据结构】第四站:单链表力扣题(二)
  • KafKa知识汇总