首页 > 其他分享 >js -BOM

js -BOM

时间:2022-10-10 19:33:04浏览次数:44  
标签:200 url js 地址 BOM 跳转 对应 属性

概述:

BOM (全称bowser object model) 浏览器对象模型,他是用于操作浏览器相关的内容。BOM是一个缺乏规范的东西,为了保证他的规范性产生了一系列的共用对象来解决这个问题。沿用至今,但是这些共有对象也存在对应的兼容问题,直到w3c的介入(ie 10以后)。他的兼容问题得到了保证。

window的相关属性和方法

控制台打印方法

  • console.log()打印日志
  • console.error()打印错误
  • console.info()打印信息
  • console.warn()打印警告
  • console.debug()打印调试

弹窗相关方法

  • alert()提示框
  • prompt()输入框
  • confirm()交互框

窗口打开关闭的方法

  • window.open()
  • // open的三个参数   打开窗口的url路径(url) 对应的打开方式(target) 对应的打开窗口的相关设置 (option)
  • window.close()

改变窗口大小的方法

  • resizeTo (200,200) //改变对应的窗口大小 宽200 高200  
  • resizeBy(100,100)//在原本的基础上增加对应的宽高 宽200+100=300 高 200+100=300

改变窗口位置的大小

moveTo //设置对应的位置 X 200 Y 2O0

moveBy //在原本的位置上增加对应的距离  X 300 Y 300

打印方法

print

查找方法

find

窗口聚焦和失焦的方法

window.blur() 失焦

window.focus() 聚焦

 

Document 文档对象

  • document对象是属于BOM的组成部分,他里面的一些的相关操作和对应的属性是属于DOM操作,具体的内容在对应的DOM中会提到。

  • document表示的是对应的HTML文档,他是用于操作对应HTML文档。

Location 地址栏对象 (*)

属性

hash 获取#后面的值*

search 获取?后面的值*

port 端口号

portocol 协议

host 主机

hostname 主机号

pathname 路径地址

href 对应的url地址*

origin 对应的跨域地址

方法

reload 重新加载

assign 指定对应的地址进行跳转(有历史记录)

replace替换当前的地址进行跳转(没有历史记录)

对应的href也可以进行地址之间的跳转

 

history 历史对象(*)

属性

length属性(历史页面个数)

state属性(状态 存储对应的值)

scrollRestoration(滚动栏恢复行为 auto (默认) manual)

 

方法

  • forward前进
  • back 后退
  • go 去任意历史页面(当前页面为0 大于0 前进 小于0 后退)
  • pushState  //改变当前的url地址(并不会进行跳转 不会刷新操作) state的值(可以是任意类型的数据) 名字(建议空值) url地址 
  • replaceState// 不会新增新的历史页面 把当前历史页面进行替换.也会改变对应的url地址 也不会进行跳转(刷新)

Screen 屏幕对象

属性

  • width 屏幕的宽度

  • height 屏幕高度

  • availHeight 可占用的最大屏幕高度

  • availWidth 可占用的最大屏幕宽度

  • availLeft 可占用的空间离桌面的左边距离

  • availTop 可占用的空间离桌面的上边距离

Navigator 导航对象

概述:他主要是用于获取用户浏览器及系统相关的设置以及内容

属性

  • userAgent 表示当前用户的系统信息以及对应的浏览器信息

标签:200,url,js,地址,BOM,跳转,对应,属性
From: https://www.cnblogs.com/tch001/p/16776897.html

相关文章

  • 28. JS DOM(文档对象模型)
    1.前言文档对象模型(DocumentObjectModel,简称DOM),是一种与平台和语言无关的模型,用来表示HTML或XML文档。文档对象模型中定义了文档的逻辑结构,以及程序访问和操作文......
  • 26. JS Math(数学)对象
    1.前言Math是JavaScript中的一个内置对象,其中提供了一些数学中常用的常量值和函数,用来实现一些数学中常见计算,例如计算平均数、求绝对值、四舍五入等。与前面介绍的几......
  • js 判断字符串中是否包含某个字符串
    方法一(推荐使用): indexOf()indexOf()方法:返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回-1。varstr="LiHeErNAN";......
  • * ./cptable in ./node_modules/[email protected]@xlsx-style/dist/cpexcel.js
    问题项目中用到了xlsx和xlsx-style,但正常安装后,出现以下错误*./cptablein./node_modules/[email protected]@xlsx-style/dist/cpexcel.js1解决方案修改node_modu......
  • js获取指定日期的前一天/后一天
    date代表指定日期,格式:2018-09-27day代表天数,-1代表前一天,1代表后一天 //date代表指定的日期,格式:2018-09-27//day传-1表始前一天,传1表始后一天//JS获取指定日期的......
  • H.265视频流媒体播放器EasyPlayer.JS如何获取时间戳回调?
    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。EasyPlayer还拥有Window......
  • 25. JS Date(时间/日期)对象
    1.前言Date对象是JavaScript内置的对象,通过它您可以访问计算机系统的时间,此外,Date对象中还提供了多种用于管理、操作和格式化时间/日期的方法。2.创建Date对象......
  • H.265视频流媒体播放器EasyPlayer.JS如何获取时间戳回调?
    EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。EasyPlayer还拥有Windows......
  • 24. JS Array(数组)对象
    1.前言数组是值的有序集合,数组中的每个值称为一个元素,每个元素在数组中都有一个数字位置,称为索引,索引从0开始,依次递增。在JavaScript中,您可以使用Array对象定义数......
  • JS判断奇偶数
    if((i&1)===0)代替if(i%2===0)来判断i是不是偶数。原理:按位与操作符(&)按位与操作符(&)会对参加运算的两个数据按二进制位进行与运算,即两位同时为1时,结果才为......