-
window
- 获得窗口大小
a. 获得完整窗口大小: window.outerWidth window.outerHeight b. 获得文档显示区大小: window.innerWidth window.innerHeight
- 获得文档显示区大小
window.open() window.close()
- 获得窗口大小
-
打开新链接的4种方式
- 当前窗口打开,可后退
a. html: <a href="url" target="_self"> b. js: window.open("url", "_self");
- 当前窗口打开,禁止后退
a. js: location.replace("新url")
- 新窗口打开,并同时打开多个
a. html: <a href="url" target="_blank"> b. js: window.open("url", "_blank");
- 新窗口打开,仅打开一个
a. html: <a href="url" target="自定义窗口名"> b. js: window.open("url", "自定义窗口名")
- 当前窗口打开,可后退
-
history
(1). 前进: history.go(n) (2). 后退: history.go(-n) (3). 刷新: history.go(0)
-
location
- 属性
a. location.href 完整url b. location.protocol 协议 c. location.host 主机名+端口号 d. location.hostname 主机名 e. location.port 端口号 f. location.pathname 相对路径 g. location.search ?及其之后的查询字符串参数列表 h. location.hash #锚点地址
- 方法
a. 在当前窗口打开,可后退: location.assign("新url") 或 location.href="新url" b. 在当前窗口打开,禁止后退: location.replace("新url") c. 刷新: location.reload();
- 属性
-
navigator
- 查看浏览器的名称和版本号
navigator.userAgent
- 查看浏览器中安装的插件列表
navigator.plugins
- 查看浏览器的名称和版本号
BOM学习笔记
最新推荐文章于 2024-05-21 16:30:46 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)