文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript BOM:解码浏览器内部运作的秘密钥匙

2024-02-22 13:23

关注

JavaScript BOM API是由一组对象组成的,这些对象提供了对浏览器功能的访问,包括创建和关闭窗口、读取和设置历史记录、获取当前URL和页面,以及导航到新的URL。

BOM对象模型的结构如下:

Window
  - document
  - location
  - history
  - navigator

Window 对象

Window 对象表示浏览器窗口。它提供了对窗口大小、位置、和其他特性的访问。

以下是一些Window对象的常用属性和方法:

Location 对象

Location 对象表示当前URL。它提供了对URL的各个部分的访问,包括协议、主机名、端口号、路径和查询字符串。

以下是一些Location对象的常用属性和方法:

History 对象

History 对象表示浏览历史记录。它提供了对浏览历史记录的访问,包括后退、前进和重新加载页面。

以下是一些History对象的常用属性和方法:

Navigator 对象

Navigator对象提供有关浏览器的信息,包括浏览器版本、操作系统、用户语言和屏幕分辨率。

以下是一些Navigator对象的常用属性和方法:

演示代码

// 打开一个新的窗口
window.open("https://www.example.com");

// 关闭当前窗口
window.close();

// 获取当前URL
console.log(window.location.href);

// 获取当前URL的协议
console.log(window.location.protocol);

// 获取当前URL的主机名
console.log(window.location.hostname);

// 获取当前URL的端口号
console.log(window.location.port);

// 获取当前URL的路径
console.log(window.location.pathname);

// 获取当前URL的查询字符串
console.log(window.location.search);

// 重新加载当前页面
window.location.reload();

// 用新的URL替换当前URL
window.location.replace("https://www.example.com/new-page");

// 后退到浏览历史记录中的上一页
window.history.back();

// 前进到浏览历史记录中的下一页
window.history.forward();

// 后退或前进到浏览历史记录中的指定页面
window.history.go(-1); // 后退一页
window.history.go(1); // 前进一页

// 获取浏览器版本
console.log(navigator.userAgent);

// 获取操作系统
console.log(navigator.platform);

// 获取用户语言
console.log(navigator.language);

// 获取浏览器名称
console.log(navigator.appName);
阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯