js_浏览器对象

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js_浏览器对象相关的知识,希望对你有一定的参考价值。

window

window全局作用域,而且表示浏览器窗口

window对象有innerWidth和innerHeight属性,网页净宽高(调整窗口值会变)

兼容性:IE<=8不支持

outerWidth和outerHeight属性,可获取浏览器窗口的整个宽高

navigator

navigator表示浏览器信息

navigator.appName:浏览器名称;

navigator.appVersion:浏览器版本;

navigator.language:浏览器设置语言;

navigator.platform:操作系统类型;

navigator.userAgent:浏览器设定的User-Agent字符串;

信息可以被用户修改

var width = window.innerWidth || document.body.clientWidth;

screen

screen.width/height/colorDepth 返回屏幕宽/高/颜色位数

location

location对象表示当前页面的URL信息

可以通过location.href获取。也可以获得URL各个部分的值

location.protocol; // ‘http‘
location.host; // ‘www.example.com‘
location.port; // ‘8080‘
location.pathname; // ‘/path/index.html
location.search; // ‘?a=!&b=2‘
location.hash; // ‘TOP‘

location.assign()加载一个新页面。

location。reload()重新加载当前页

if (confirm(‘重新加载当前页‘ + location.href + ‘?‘)) {
    location.reload();
} else {
    location.assign(‘/discuss‘); // 设置一个新的URL地址
}

document

document整个DOM的根节点

document.title = ‘努力学习javascript!‘;可以更改文档标题

 

以上是关于js_浏览器对象的主要内容,如果未能解决你的问题,请参考以下文章

web代码片段

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)

js代码片段

js-权威指南学习笔记14