首页 > 其他分享 >BOM操作

BOM操作

时间:2024-12-01 14:10:22浏览次数:5  
标签:浏览器 DOM 对象 location BOM 操作 history

一、什么是BOM

  BOM(Browser Object Model) 是浏览器对象模型。

二、DOM 和BOM 区别:

  浏览器的全部内容可以看作是DOM;整个浏览器可以看成是BOM,区别如下:

  1. DOM 是文档对象模型;BOM是浏览器对象模型

  2.DOM 把文档 当做一个对象来看待;BOM是把浏览器当做一个对象来看待

  3. DOM 的顶级对象是document;BOM的顶级对象是window

  4. DOM 主要是操作页面元素;BOM是浏览器窗口交互一些对象

  5. DOM是W3C 标准规范;BOM是浏览器厂商在个字浏览器上定义的,兼容性较差

三、navigator

  navigator  对象主要用来获取浏览器的属性,区别浏览器的类型,属性较多

  navigator 最常用的是navigator.userAgent,用来识别浏览器的类型 

四、screen

  保存的是浏览器窗口外面的客户端显示器信息,比如屏幕像素宽度、屏幕像素高度等等

  eg: screen.width  \ screen.height

五、location

  分析拆解url 各个部分:

  完整URL: location.href 

  URL中#后面的字符: location.hash

  url的查询字符串,?号后面的内容: location.search

  服务器名称和端口号: location.host (www.baidu.lcom:80) 

  域名,不带端口号: location.hostname (www.baidu.com)

  服务器下面的文件路径: location.pathname (/page1)

  url端口号: location.port (80)

  协议: location.protocol (https:) 

六、history

  history 对象主要用来操作浏览器URL的历史记录

  history.go() ;根据参数香前/后 跳转页面

  history.forward() :向前跳转一个页面 (跳转下一个页面)

  history.back() : 向后跳转一个页面 (返回上一个页面)

  history.length : 历史记录

  

  

标签:浏览器,DOM,对象,location,BOM,操作,history
From: https://www.cnblogs.com/yangkangkang/p/18579763

相关文章

  • Web自动化002-Web自动化元素定位及浏览器的相关操作
    Web自动化002-Web自动化元素定位及浏览器的相关操作Web自动化元素定位及浏览器相关的操作标签=元素1.元素定位首先需要选择要被定位的元素(锁定被操作的元素)然后才能对元素进行具体操作(具体的操作方法)selenium第三方库中提供了两类定位的方法find_element----->返回一个元素,如果......
  • Web自动化002-Web自动化元素定位及浏览器的相关操作
    Web自动化002-Web自动化元素定位及浏览器的相关操作Web自动化元素定位及浏览器相关的操作标签=元素1.元素定位首先需要选择要被定位的元素(锁定被操作的元素)然后才能对元素进行具体操作(具体的操作方法)selenium第三方库中提供了两类定位的方法find_element----->返回一个元素,如果......
  • ElementUI上传多图的操作
    一、使用ElementUI上传多图1.在项目中引入ElementUI的相关组件<el-form-itemlabel="详细图片"><!--<el-upload:action="api_url+'/api/upload.php'"list-type="picture-card&quo......
  • 《操作系统真相还原》| 实验记录2.0【MBR,Loader,Kernel代码汇总】
    MBR.S%include"boot.inc"SECTIONMBRvstart=0x7c00 movax,cs movds,ax moves,ax movss,ax movfs,ax movsp,0x7c00 movax,0xb800 movgs,ax mov ax,0600h mov bx,0700h mov cx,0 mov dx,184fh int 10h movbyte[gs:0x00],'1......
  • DOM操作
    一、DOM以及DOM是哪种数据结构文档对象模型(DOM)是HTML和XML文档的编程接口,提供了文档的结构化的表述文档对象模型DOM是树结构(DOM树)二、DOM操作常用API1.DOM节点操作1)获取DOM节点:document.getElementById('id属性值');返回拥有指定id的对象的引用do......
  • 在Windows 10和Windows 11上,你可以通过设置Windows防火墙来限制外网访问,同时保持局域
    在Windows10和Windows11上,你可以通过设置Windows防火墙来限制外网访问,同时保持局域网的访问不受影响。以下是具体操作步骤:方法1:使用Windows防火墙设置限制打开防火墙设置:按 Win+R 打开运行对话框,输入 wf.msc 并按回车,打开“Windows防火墙高级安全”窗口。创建......
  • 操作系统知识点
    操作系统的定义操作系统是一组用于控制和管理计算机系统硬件和软件资源,合理地对各类作业进行调度,以及方便用户使用的程序集合。操作系统基本特征并发:是指两个或多个活动在同一给定的时间间隔中进行。共享:是指计算机系统中的资源被多个进程所共用。异步:进程以不可预知的速度向前......
  • Linux提权之八大实战利器与高权限操作技巧
    文章目录LINUX提权0x01.SUID提权chmod命令Find命令(查找有SUID权限的文件)find提权nmap提权vim提权Bash提权Less或More提权nano提权CP提权awk提权0x02sudo提权0x03计划任务提权0x04内核漏洞提权0x05环境变量劫持提权0x06NFS提权0x07通配符WS提权0x08明文密码提权0x9lx......
  • 操作系统中断处理的详细流程是什么
    1.中断的基本概念与类型中断定义:中断是指在计算机执行程序的过程中,出现了某种紧急或异常的事件(中断请求),CPU需要暂停正在执行的程序,转去处理该事件(执行中断服务程序),并在处理完毕后返回断点处继续执行被暂停的程序。中断类型:外部中断:也称硬件中断,由计算机外部设备产生的......
  • Linux操作系统2-进程控制3(进程替换,exec相关函数和系统调用)
    上篇文章:Linux操作系统2-进程控制2(进程等待,waitpid系统调用,阻塞与非阻塞等待)-CSDN博客本篇代码Gitee仓库:Linux操作系统-进程的程序替换学习·d0f7bb4·橘子真甜/linux学习-Gitee.com本篇重点:进程替换目录一.什么是进程替换?二.进程替换函数常用的函数 2.1......