BOM（浏览器对象模型）

最新推荐文章于 2021-11-27 20:20:06 发布
最新推荐文章于 2021-11-27 20:20:06 发布
阅读量283 收藏
点赞数
分类专栏： JavaScript基础知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gklcsdn/article/details/104090415
版权

文章目录

1. location: 浏览器地址信息

https://www.baidu.com/s?wd=python#123

1.1 location.href 当前页面url

在这里插入图片描述

1.2 location.pathname 地址栏的路径

在这里插入图片描述

1.3 location.hash 锚点

在这里插入图片描述

1.4 location.search 地址栏?后面的字符串

在这里插入图片描述

1.5 location.protocol 地址栏的协议

在这里插入图片描述

1.6 location.port 地址栏的端口号

在这里插入图片描述

1.7 location.hostname 地址栏的主机名

在这里插入图片描述

1.8 location.host 地址栏的主机名+端口号

在这里插入图片描述

2. navigator 浏览器信息

2.1 navigator.userAgent 浏览器的版本号

在这里插入图片描述

3. window 对象方法

alert() 弹出一个窗口，无返回值
confirm() 弹出一个窗口的同时，增加了两个选择按钮，返回值为布尔值
prompt() 在confirm的基础上，增加了输入框供用户输入内容，返回值为用户输入的内容

4. 窗口打开

window.open(url, target)

guokanglun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
BOM 浏览器对象模型
Lotus_fragrance的博客
05-30 713
1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM： 1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
bom浏览器对象模型
09-13
bom浏览器对象模型,bom的一些常用属性跟方法，便于大家学习
第二次实验报告：对应用层协议的认识
09-22 682
第二次实验报告：对应用层协议的认识 姓名：王璐璐 学号：201821121037 班级：计算1812 0 摘要 在此次的报告中，我将尝试抓取DNS、FTP、DHCP、SMTP、POP3等应用层协议的数据包，并对抓取到的数据包进行分析，深入理解各应用层协议在网络传输中起到的作用。 1 实验目的 熟练使用Packet Tracer工具。分析抓到的应用层协议数据包，深入理...
例解GNU C之匿名联合或结构体
tanglinux
12-04 8983
前言：计算机语言是编译器和程序员交流的依据和规范，GNU C是GCC特有的功能，在Linux内核中被广泛应用。     帮助文档：http://gcc.gnu.org/onlinedocs/gcc-4.6.2/gcc/C-Extensions.html#C-Extensions       在GNU C中，可以在结构体中声明某个联合体（或结构体）而不用指出它的名字，如此之后就可以像使用结构体
union、struct、位域的组合定义示例
weixin_43172531的博客
12-30 599
//#define USE_LOCAL_MESHCODE const uint32 NullMeshCode = 0xFFFFFFFF; union LocalMeshCode { struct { uint32 H:4; uint32 G:4; uint32 F:4; uint32 E:4; uint32 D:4; uint32 C:4; uint32 B:4; ...
BOM浏览器对象模型
xwj144的博客
11-27 262
BOM (Browser Object Model 浏览器对象模型) 浏览器内核分为两类： 1.渲染引擎：用来渲染网页内容，将网页的代码转换为用户最终看见的画面 2.脚本引擎：用来执行JS代码（公认最快的是谷歌的V8引擎） 外联:在外部另建一个js文件，通过<script>标签在html文件引入 <script scr:"./xxx.js"></script> 内部：在html文件内部创建<script>标签，在标签范围内直接书写js代码 &
JavaScript 浏览器对象模型BOM使用介绍
10-24
主要介绍了JavaScript 浏览器对象模型BOM使用介绍,需要的朋友可以参考下
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
10-21
主要介绍了JavaScript浏览器对象模型BOM(BrowserObjectModel),结合实例形式较为详细的分析了BOM模型的常用对象与相关使用技巧,需要的朋友可以参考下
slide-bom:浏览器对象模型 (BOM) 的网页幻灯片
07-10
滑动炸弹 浏览器对象模型的网页幻灯片
proxy 代理
gklcsdn的博客
10-21 4080
Proxy 代理 Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”，即对编程语言进行编程。 讲通俗一点就是扩展(增强)了对象,方法(函数)的一些功能 ES6 原生提供 Proxy 构造函数，用来生成 Proxy 实例。 Proxy其实是设计模式的一种,代理模式 1. 语法使用 new Proxy(target,handle) 参数 第一个参数: target 是你要代理的对象 第二个参数,handle是对代理对象做什么操作 { ​ set(){}, ​ get
ASN1 is not defined 问题
gklcsdn的博客
03-23 2740
文章目录1. ASN12. 问题解决3. 直接使用ASN1解码器的工具 1. ASN1 ASN1是一个JS解码器，可以解码任何有效的Base64编码或十六进制编码的DER或BER结构，一般浏览器已内置的有，大部分js调试器是没有的 2. 问题解决 找到出错的地方，将该函数定义删除掉，然后将调用该方法的地方用固定值代替（一般情况下都是固定的） 在调用的地方打上断点，将显示 的值替换（注意：要先让最...
解构赋值
gklcsdn的博客
10-19 1161
文章目录解构赋值一. 数组的结构赋值1. 理解解构赋值注意:2. 不成功的解构赋值3. 不完全解构4. 如果模式不匹配,那么会报错5. 默认值5.1 如果默认值是一个表达式5.2 默认值可以引用解构赋值的其他变量,6. 利用解构赋值交换两个值二. 对象的结构赋值1. 对象解构赋值2. 对象解构赋值属性名必须相同3. 自定义变量名与属性名不同4. 解构可以用于嵌套结构5. 对象的解构赋值也可以指定默认值6. 数组也可以按照对象的方式解构7. 注意点:例子:三. 字符串的解构赋值四.函数参数的解构赋值:1.
js替换所有
gklcsdn的博客
03-25 854
例： 将字符串里的a替换为f const str = 'Abcabcabcabcabcabc'; // g 全局匹配； m 换行匹配； i 忽略大小写 const res = str.replace(new RegExp('a', 'gmi'), 'f'); console.log(res); // fbcfbcfbcfbcfbcfbc
es6 单例模式
gklcsdn的博客
03-01 589
文章目录1. 单例模式2. 示例 1. 单例模式 单例模式是一种十分常用但却相对而言比较简单的单例模式。它是指在一个类只能有一个实例，即使多次实例化该类，也只返回第一次实例化后的实例对象。单例模式不仅能减少不必要的内存开销, 并且在减少全局的函数和变量冲突也具有重要的意义。 2. 示例 //单例模式 class Db { // 静态方法 static getInstance() {...
DocumentFragment
gklcsdn的博客
11-30 533
文章目录1. 描述2. 使用 1. 描述 DocumentFragments 是DOM节点。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素所代替。 因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元素位置和几何上的计算）。因此，使用文档片段通常会带来更好的性能。 2. 使用 <!doctype html> <html lang="en"> <head> &
es6新增基本数据类型Symbol
gklcsdn的博客
10-21 525
1.为什么用Symbol ES5里面对象的属性名都是字符串，如果你需要使用一个别人提供的对象，你对这个对象有哪些属性也不是很清楚，但又想为这个对象新增一些属性，那么你新增的属性名就很可能和原来的属性名发送冲突，显然我们是不希望这种情况发生的。所以，我们需要确保每个属性名都是独一无二的，这样就可以防止属性名的冲突了。因此，ES6里就引入了Symbol，用它来产生一个独一无二的值。 作用： 生成一个独一无二的值 2. Symbol是什么 定义:Symbol实际上是ES6引入的一种原始数据类型 以前学过的数据类型
JavaScript 数组
gklcsdn的博客
12-24 445
文章目录1. 数组的概念2. 定义数组3. 数组的遍历4. 数组常用方法4.1 push4.2 pop4.3 unshift4.4 shift4.5 concat4.6 slice4.7 多功能splice方法4.7.1 截取4.7.2 插入数据4.7.3 替换数据4.7.4 删除数据5. 数组逆序`reverse`6. sort 排序6.1 数字排序7. join8. indexof8.1 la...
JavaScript 事件
gklcsdn的博客
01-21 423
文章目录1. 事件作用2. 鼠标事件3. 滚轮事件4. 键盘事件5. 资源事件6. window 事件 1. 事件作用 JavaScript 通过事件检测用户行为 2. 鼠标事件 onclick： 点击鼠标左键触发 onmousedown：鼠标任意键按住时触发 onmouseup： 鼠标任意键抬起时触发 oncontextmenu： 点击鼠标右键触发 onmouseenter：...
localStorage 本地存储
gklcsdn的博客
12-20 378
1. localStorage 优势 和 局限 （1）优势 localStorage 拓展了 cookie 的 4K 限制。 localStorage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽 （2）局限 浏览器的大小不统一，并且在 IE8 以上的 IE 版本才支持 localStorage 这个属性。 目...
浏览器对象模型BOM提供对网页内容进行操作的对象
最新发布
07-11
BOM（浏览器对象模型）提供了一组对象，用于操作网页内容。其中一些常用的对象包括： 1. window对象：它表示浏览器窗口或框架，并提供了很多方法和属性，如打开新窗口、关闭窗口、定时器等。 2. document对象：它...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值