JavaScript中的BOM操作

简介: JavaScript中的BOM操作

@TOC

一、JavaScript

JavaScript = ECMAScript + DOM + BOM

  • DOM : 文档对象模型(document对象)
  • BOM : 浏览器对象模型

二、BOM 对象

  • window对象:全局对象
  • screen对象包含有关用户屏幕的信息
  • location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面
  • history对象包含浏览器的历史
  • navigator对象包含有关访问者浏览器的信息

三、window对象

window对象是全局对象,所有在浏览器可以直接使用的方法,都是window对象
计时器方法
弹出框方法

// alert("hello,world!");// 弹窗
prompt("请输入你的的名字","猪小虎"); //prompt("提示信息","文本框内容");
confirm("确定是否删除");// 该弹框返回值是一个布尔值

四、location对象

1、location对象 - 属性返回当前页面的URL - :https://www.baidu.com/
2、location.hostname - 主机的域名 - www.baidu.com
3、location.pathname - 当前页面的路径和文件名 /s
4、location.port - 端口 - 8080
5、location.protocol - 协议 - https:

五、navigator对象

navigator.userAgent  检查当前设备,并在控制台输出

六、实战

1、猜数字游戏

2、水果列表删除提示功能


在这里插入图片描述

相关文章
|
2天前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
|
2月前
|
XML 移动开发 JavaScript
js中BOM和DOM总结(基础篇)
文章总结了JavaScript的BOM和DOM知识点,包括window、screen、location、history、navigator对象,以及消息框、计时器和cookie。同时,介绍了DOM的概念、节点获取和修改方法,以及事件处理。
js中BOM和DOM总结(基础篇)
|
1月前
|
JavaScript 前端开发 Java
【前端基础篇】JavaScript之BOM介绍
【前端基础篇】JavaScript之BOM介绍
32 0
|
2月前
|
JavaScript 前端开发 API
Javaweb之javascript的BOM对象的详细解析
BOM为Web开发提供了强大的API,允许开发者与浏览器进行深入的交互。合理使用BOM中的对象和方法,可以极大地增强Web应用的功能性和用户体验。需要注意的是,BOM的某些特征可能会在不同浏览器中表现不一致,因此在开发过程中需要进行仔细的测试和兼容性处理。通过掌握BOM,开发者能够制作出更丰富、更动态、更交互性的JavaWeb应用。
30 1
|
3月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
96 1
|
3月前
|
JavaScript 前端开发
js bom的概念
js bom的概念
35 1
|
3月前
|
JavaScript 前端开发
JavaScript BOM 的概念(浏览器对象模型)
JavaScript BOM 的概念(浏览器对象模型)
45 1
|
3月前
|
存储 JavaScript 前端开发
JavaScript中的BOM
JavaScript中的BOM
|
4月前
|
JavaScript 前端开发 索引
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】(三)
40 1
|
4月前
|
存储 JavaScript 前端开发
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
js/javascript 操作字符串【全】(含常用的操作字符串的lodash)
44 1