糊糊的前端学习笔记——浏览器对象【Day08】
来源:互联网 发布:nero mac os 破解版 编辑:程序博客网 时间:2024/04/29 20:43
浏览器提供的对象
1.window 表示浏览器的窗口。 有innerWidth和innerHeight这两个属性。可以获取浏览器的内部宽高。
window.innerWidth; window.innerHeight;
对应的还有outWidth和outHeight这两个属性,获取浏览器窗口的整体的宽高。
window.outWidth; window.outHeight;
2.navigator 表示浏览器信息。
navigator.appName:浏览器名称; navigator.appVersion:浏览器版本 navigator.language:浏览器设置的语言 navigator.platform:操作系统类型; navigator.userAgent:浏览器设定的Use-Agent字符串
screen.height; //屏幕宽度
screen.colorDepth; //颜色位数
4.location
表示当前页面的URL信息。
location.href; //获取当前页面URL整体信息
5.document
表示当前的页面信息。
还可以获取当前页面的Cookie信息。
document.cookie;
6.history
表示页面的历史纪录。
但在任何情况下不使用该对象。
history对象保存了浏览器的历史记录,JavaScript可以调用history对象back()或forward (),相当于用户点击了浏览器的“后退”或“前进”按钮。这个对象属于历史遗留对象,对于现代Web页面来说,由于大量使用AJAX和页面交互,简单粗暴地调用可能会让用户感到非常愤怒。新手开始设计Web页面时喜欢在登录页登录成功时调用,试图回到登录前的页面。这是一种错误的方法。
任何情况,你都不应该使用history这个对象了。
假设从“个人中心”页跳转到“登录”,如果登录成功之后用 "history.back()"的话会回到“个人中心”页面,但是登录成功的信息并不会返回过来,所以不推荐使用。当然,就登录案例而言的话,可以在“登录”页面写返回代码之前加上一个让“个人中心”页面能监听的方法名。 然后返回到“个人中心”页面之后,当JS监听到了这个方法,就去刷新数据或是接数据等等操作。
来源:廖雪峰的官方网站
- 糊糊的前端学习笔记——浏览器对象【Day08】
- 糊糊的前端学习笔记——文章分享【Day2】
- 糊糊的前端学习笔记——当缩放浏览器窗口时出现CSS样式混乱情况的分析【Day3】
- 糊糊的前端学习笔记——25行代码实现一个贪吃蛇小游戏【Day06】
- 糊糊的前端学习笔记——JavaScript(上)【Day07】
- 糊糊的前端学习笔记——学习JavaScript,有哪些好的博客或者网站推荐?【Day05】
- 糊糊的前端学习笔记——a标签点击跳转页面后,为被点击的a标签添加样式【Day1】
- 糊糊的前端学习笔记——如何将文本行数确定为固定行,并将多余部分用省略号表示【Day04】
- Oracle学习笔记day08——索引
- java毕向东学习笔记——day08
- JavaWeb_JSP概述及隐含对象的介绍——day08
- C++ 学习笔记day08
- 面向对象 (继承)+JAVA学习笔记-DAY08
- 阳哥笔记—Day08(继承)
- 基础学习day08——Service
- 黑马程序员_Java基础_我的Day08学习笔记
- spring学习笔记 -- day08 基于XML的Spring中的AOP
- JavaWeb——Day08
- Android7.0 Settings主菜单添加一条item
- SpringBoot velocity 模板配置绝对路径的资源路径
- Android全套动画使用技巧
- 1299: 排列
- js判断浏览器环境
- 糊糊的前端学习笔记——浏览器对象【Day08】
- ios 实现控件右上角添加小红点
- 单例模式造成的内存泄露
- 《javascript从入门到精通》第二篇 javascript核心技术
- 输入参数,research,读写文件
- File打印目录(打印指定后缀目录)
- IDEA中git 未提交代码被覆盖
- 初步使用EventBus
- 缓存第二篇:maven项目中ssm整合ehcache