这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战
前言
前文学习了关于浏览器中的JS之几个Window对象的方法特性, 本文继续来学习浏览器中的 JS -Document 对象 方法特性
其实好多让我们方便省心使用的库/框架底层都是 JS 基础的封装, 比如各种路由的封装.通过前几篇文章我们学习记录了浏览器中的 JavaScript, 更多更文-各知识点小结-list:
浏览器中的JS-Window & Document 特性
浏览器中 Window对象 和 Document对象上定义了各种方法, 本文来学习Document一些常见的有用的方法特性(比如全屏(在crm后台管理系统中经常用到))
Document
Document 接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM 树。DOM 树包含了像
<body>、<table>这样的元素，以及大量其他元素。它向网页文档本身提供了全局操作功能，能解决如何获取页面的 URL ，如何在文档中创建一个新的元素这样的问题-mdn
Document对象 接口定义了任何类型的文档的通用属性与方法
Document 对象- requestFullscreen()方法
Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式-mdn
Element.requestFullscreen() 方法作为 任何Element 对象的方法, 会使浏览器以全屏模式来显示该元素(比如视频<video>和 画布<canvas>等). 然后需要返回时使用 Document 的 exitFullscreen()方法返回正常显示模式.
Document.title
Document.title 方法 获取或设置当前文档的标题
Document.URL 只读方法
Document.URL 只读方法 - 以字符串形式返回文档的地址栏链接(点击快速复制当前网页链接功能实现)
Document.domain
Document.domain 方法 用来获取或设置当前文档的域名。
Document.location 只读方法
Document.location 只读 - 返回当前文档的 URI
相关更文阅读
- JavaScript 学习理解-Number-这是一个函数
- JS 学习理解-自动类型转换
- JavaScript 中的中缀运算符
- 你知道 JavaScript 的 typeof 是什么吗?
- 学习 JavaScript 中几个代表性事件(Event)
- 学习理解客户端 JavaScript-事件分类(一)
- 理解浏览器中的 JavaScript-事件注册
- 浏览器中的 JavaScript-fetch()网络请求方法
- HTTP 响应代码
- 浏览器中的 JS-WebSocket 通信(一)
- 学习浏览器中的 JS-WebSocket 发送接收消息(二)
- 学习浏览器中的 JS-存储的分类(一)
- 浏览器中的 JS-history
- JS-history-hashchange
- JS-history-pushState()
- 浏览器中 Window对象的方法特性
Calm Down & Carry On!
Buy Less by Know More!
学习, 记录, 积累 是一个漫长的痛苦过程! 也就是这个不断经历痛苦的锤炼, 让我们更加强大! 加油!
