zoukankan      html  css  js  c++  java
  • BOM:浏览器对象模型

    一、window对象

    1.window.screenLeft:你打开的这个浏览器窗口相对于屏幕的左边位置

    2.window.screenTop:你打开的这个浏览器窗口相对于屏幕的上边位置

    ps:当浏览器窗口铺满整个屏幕时 这两个值都为0

    3.console.log(window.innerHeight);是浏览器窗口的内部高度,除去了顶部的边框高度

    4.console.log(window.innerWidth);是浏览器窗口的内部宽度

    5.console.log(window.outerHeight);是浏览器窗口的整个高度

    6.console.log(window.outerWidth);是浏览器窗口的宽度

    7.console.log(document.documentElement.clientWidth);跟innerWidth相同 一般情况下

    8.console.log(document.documentElement.clientHeight);innerHeight

    9.window.open(href,target);href:跳转到哪个页面,target以哪种target打开还有很多设置新打开窗口的参数

    二:navigator对象

    1.console.log(navigator.appCodeName);//Mozilla通常都是Mozilla,
    2.console.log(navigator.appMinorVersion);//undefine次版本信息
    3.console.log(navigator.appName);//Netscape完整浏览器名称,网景
    4.console.log(navigator.cookieEnabled);//true表示cookie是否启用
    5.console.log(navigator.cpuClass);//undefine
    6.console.log(navigator.javaEnabled);//function javaEnabled() { [native code] }是否启用了java
    7.console.log(navigator.language);//zh-CN浏览器的主语言
    8.console.log(navigator.onLine);//true表示浏览器是否连接到了因特网
    9.console.log(navigator.platform);//MacInter浏览器所在的系统平台
    10.console.log(navigator.plugins);//PluginArray {0: Plugin, 1: Plugin, 2: Plugin, 3: Plugin, 4: Plugin, length: 5}浏览器安装的插件信息的数组

    11.console.log(navigator.plugins[0].name);//Shockwave Flash插件的名称
    12.console.log(navigator.product);//Gecko产品名称 Gecko是套开放原始码的、以C++编写的网页排版引擎
    13.console.log(navigator.userLanguage);//操作系统的默认语言,undefine

    三:history对象

    1.history.go(object.html);跳转
    2.history.back();后退
    3.history.forward();前进

    四、screen对象

    1.console.log(screen.width);//当前屏幕的宽度1920
    2.console.log(screen.height);//当前屏幕的高度1080

    3.console.log(screen.availWidth);//我测得也是1920跟屏幕宽度一样,所以不知道跟上个width有什么区别呀

    4.console.log(screen.availHeight);//1057屏幕的像素高度减去系统部件高度之后的值

    五、location对象

    1.location.replace():跳转到另一个页面

    2.location.reload():refresh

    ps:感觉没怎么用

  • 相关阅读:
    线程的生命周期
    同步与死锁
    同步与死锁
    线程的休眠
    线程的休眠
    RTSP转RTMP、FLV、HLS网页无插件视频直播-LiveNVR功能介绍-音频开启
    使用LiveNVR实现将RTSP转RTMP、FLV、HLS,实现监控摄像头无插件直播
    使用LiveNVR实现安防摄像头RTSP流WEB无插件播放的延迟调优
    Javascript之数据执行原理探究
    Javascript之动画1
  • 原文地址:https://www.cnblogs.com/lwwen/p/5602973.html
Copyright © 2011-2022 走看看