zoukankan      html  css  js  c++  java
  • 窗口的大小

      innerWidth outerWidth
    Chrome 1920 1920
    opera 1920 1920
    IE8 不支持 不支持
    IE9+ 1920 1936
    Firfox 1920 1936
    safari 1920 1936

    通过document.compatMode这个属性来检测,当前页面处于何种模式:

    CSS1Compat:标准模式

    BackCompat:混杂模式

    什么情况下页面会处于混杂模式呢?下面是列出的几种:

    (1)不写<!DOCTYPE html>
    (2)<!DOCTYPE html>前面加上xml声明 <?xml version="1.0" encoding="utf-8"?> (IE6)
    (3)<!DOCTYPE html>和<?xml version="1.0" encoding="utf-8"?>之间加了(标签、文本、注释)(ie8以下都有,ie9以上未测)
    (4)<!DOCTYPE html>前面有(标签、文本、注释)(ie8以下都有,ie9以上未测)

    var pageWidth=window.innerWidth;

    var pageHeight=window.innerHeight;

    if(typeof pageWidth!="number")

     {

        if(document.compatMode=="CSS1Compat")

             {

               pageWidth=document.documentElement.clientWidth;

              }

        else{

               pageWidth=document.body.clientWidth;

               }

    }

  • 相关阅读:
    3
    正确的消费理念和方式
    2
    1
    善待精力,保持体力,保持热情
    为什么不从今天开始呢?
    c++中的新成员
    函数重载分析下
    函数重载分析上
    函数参数的扩展
  • 原文地址:https://www.cnblogs.com/guanguan-/p/7243289.html
Copyright © 2011-2022 走看看