前端-js基础-BOM浏览器对象模型3

最新推荐文章于 2024-05-09 11:16:38 发布
最新推荐文章于 2024-05-09 11:16:38 发布
阅读量109 收藏
点赞数
文章标签： 前端 javascript 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mm0122/article/details/127355560
版权

#博学谷IT学习技术支持

目录

location 对象

window 对象给我们提供了一个location 属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location 对象。

URL——统一资源定位符

location 对象的属性

location 对象的方法

案例：

5秒之后自动跳转页面

获取URL参数数据

最常用的是 userAgent，可以返回有客户机发送服务器的user-agent 头部的值

history 对象

history 对象：与浏览器历史记录进行交互，该对象包含用户（在浏览器窗口中）访问过的URL

  • location 对象

    • window 对象给我们提供了一个location 属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location 对象。

    • URL——统一资源定位符

      • 互联网上的每一个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它
      • URL的一般语法格式

    • location 对象的属性

      • 重点：href 、 search

    • location 对象的方法

    • 案例：

      • 5秒之后自动跳转页面

        • 封装、调用函数可清除刷新时1秒的空白影响（同定时器案例）

      • 获取URL参数数据

        • 主要练习数据在不同页面中的传递

        • login 页面（输入信息页面）

        • index页面（获取参数，显示页面）

    • 最常用的是 userAgent，可以返回有客户机发送服务器的user-agent 头部的值

    • 判断用户那个终端打开页面，实现跳转

  • history 对象

    • history 对象：与浏览器历史记录进行交互，该对象包含用户（在浏览器窗口中）访问过的URL

mm0122
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
web前端工程师JavaScript基础入门路径学习专题课程
06-28
第4课 JavaScript BOM基础 学习浏览器对象模型“BOM”，可以对浏览器窗口进行访问和操作，与浏览器“对话” 第5课 JavaScript实现轮播特效 综合运用JavaScript知识，做出轮播图、tab页切换等实用特效 第6课 ...
(JavaScript学习记录)：BOM 浏览器对象模型
baidu_41388533的博客
09-29 364
写在前面：参考哔哩哔哩黑马程序员pink老师教程 地址：https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4 目录 BOM 浏览器对象模型 BOM 概述 什么是 BOM BOM 的构成 window 对象的常见事件 窗口加载事件 调整窗口大小事件 定时器 setTimeout() 定时器 案例： 5秒后自动关闭的广告 停止 setTimeout() 定时器 setInterval() 定时器 案例： 倒计时 停止 .
JavaScript ------ BOM 浏览器对象模型
qq_45359288的博客
03-28 168
1. 概述 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分 BOM 比 DOM 更大，它包含 DOM window 对象是浏览器的顶级对象，它具有双重角色。 它是 JS 访问浏览器窗口
JavaScript-BOM浏览器对象模型
qq_52822043的博客
03-26 174
1. BOM概述 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象时window。 BOM有一些列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组知识ECMA，DOM的标准化组知识W3C，BOM最初是NetSpace浏览器标准的一部分。 BOM的构成 window对象是浏览器的顶级对象，它具有双重角色。 它是JS访问浏览器窗口的一个接口 它是...
BOM 浏览器对象模型
Lotus_fragrance的博客
05-30 727
1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM： 1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
JavaScript - BOM浏览器对象模型笔记1.0
weixin_42857338的博客
09-29 195
浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model）尚无正式标准 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象(BOM)的层次结构 当前浏览器窗口即Window 对象 网页文档内容即document对象 浏览器地址栏即location对象 前进和后退即history对象 Window 对象 ...
BOM-浏览器对象模型，有这一篇就够了
qq_180494790的博客
10-30 592
~ window 对象是一个全局对象，也可以说是JavaScript的顶级对象 ~像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。 ~所以所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 ~window对象下的属性和方法调用的时候可以省略window
javascript二——BOM浏览器对象模型
0 error(s), 0 warning(s)
03-25 788
文章目录BOM概述window对象的常见事件窗口加载事件调整窗口大小事件定时器setTimeout()停止setTimeout()定时器setInterval()定时器倒计时案例停止clearInterval()thisJS执行队列JS是单线程同步和异步同步异步同步任务异步任务JS执行机制location对象定义URLlocation对象的属性实现5秒钟后跳转页面案例: 传递数据到其他页面location对象的方法navigator对象history对象 BOM概述 BOM（ Browser Object
JS---BOM：Browser Object Model 浏览器对象模型
qq_42488087的博客
08-05 229
JS BOM：Browser Object Model 浏览器对象模型（将浏览器的各个组成部分封装成对象） 组成：浏览器对象、显示屏对象Screen、window窗口对象、历史纪录对象History、地址栏对象Location(浏览器和显示屏对象不常用) window窗口对象里还包括DOM的Document对象。 [外链图片转存失败(img-nrxYvwHK-1564982844488)(D:\c...
BOM——浏览器对象模型
qq_44700755的博客
11-17 881
BOM 浏览器对象模型 BOM 的概念 • BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成，其中代表浏览器窗口的 Window对象是 BOM 的顶层对象，其他对象都是该对象的子对象。 • 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等。 window 对象 • window 是浏览器的顶级对象，当调用 window 下的属性和
JavaScript学习08-BOM浏览器对象模型
Meowmow的博客
05-31 155
目录BOM概述DOM和BOM的对比window对象的常见事件定时器JS执行机制location对象navigator对象history对象 BOM概述 BOM：浏览器对象模型，提供了独立于内容与窗口进行交互的对象，核心对象是window 由一系列相关对象构成，每个对象都有很多属性和方法 DOM和BOM的对比 DOM BOM 文档对象模型 浏览器对象模型 把文档当对象 把浏览器当对象 顶级对象document 顶级对象window 主要操作页面 主要是浏览器窗口交互的对象 W3
2一面 2：JS-Web-API 知识点与高频考题解析.md
03-31
BOM（浏览器对象模型）是浏览器本身的一些信息的设置和获取，例如获取浏览器的宽度、高度，设置让浏览器跳转到哪个地址。 - `navigator` - `screen` - `location` - `history` 这些对象就是一堆非常简单粗暴的 ...
刷leetcode不用stl-Front-End:前端
06-30
BOM(浏览器对象模型) 服务器端 Node.js 这里有一个博客 接着视频教程还是 ) 还需要学习小学习下webpack, node.js，先可以小小的学习下 一个很强的前端B站up主 看他的视频可能需要点webpack，node.js知识 当然还有3、...
Node-Learning:.Node.js学习流程：包含主要的基础知识和简单的项目应用开发
03-15
在这种环境下，js可以脱离浏览器进行简单来说：node.js可以解析和执行JavaScript和浏览器中的Js相比较，node.js中的Js不再具有DOM和BOM功能，只包含有原来的EcmaScript部分在Node环境中为Js提供了一些有关服务器的...
前端开发的教程.txt
04-10
前端开发是一个涉及多个技能和技术的领域，包括... DOM和BOM：理解文档对象模型（DOM）和浏览器对象模型（BOM）的概念，学习如何通过JavaScript操作HTML元素和浏览器窗口。 事件处理：学习JavaScript的事件处理机制
【Web】CTFSHOW 中期测评刷题记录(1)
uuzeray的博客
05-02 1909
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
50个前端实战项目之04：隐藏的搜索小组件
前端开发博客
05-03 1129
大家好，我是宝哥。今天讲50个前端实战项目之04：隐藏的搜索小组件。源码下载地址https://github.com/bradtraversy/50projects50days/tree/master/hidden-search前端实战项目系列正在更新：04/5001：可展开卡片02：进度条03：旋转导航动画04：隐藏的搜索小组件项目介绍本项目演示了一个简洁实用的隐藏式搜索小部件。点击搜索按钮后，...
使用IIS部署Vue项目
weixin_44656422的博客
05-06 499
使用IIS部署Vue项目，后端必须跨域，不要在Vue中用proxy跨域，那个只在dev环境中有用！IIS安装，不用全部打勾，有些他默认就是方块 ■ 选择性安装的，就维持原样就可以。
rbac权限和多级请假设计的流程演示和前端页面实现
最新发布
m0_54597180的博客
05-09 228
多级请假：7级及以下申请请假需要部门经理审核，若是请假时长超过72小时，则需要总经理审核，7级申请请将需要总经理审核，总经理请假自动审核通过。业务流程测试：王美美[高级研发工程师]（7级以下用户）登录并申请请假（超过了72小时需要部门经理和总经理申请）部门经理审核通过，需要总经理审核（8级）登录，首页消息通知审核通过。如果部门经理审核不通过，则总经理不需要处理也没有系统通知。王美美请假（查过72小时）,需要部门经理和总经理审核。部门经理（7级）登录消息通知审核消息并处理审核。王美美查看部门经理审核结果。
web前端开发基础知识
05-03
8. DOM/BOM：文档对象模型和浏览器对象模型，用于JavaScript和网页的交互和操作。 9. 编辑器：用于编写Web前端代码的工具，如Sublime Text、Visual Studio Code等。 以上是Web前端开发的基础知识，掌握这些知识...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值