Javascript и jshint, неопределенные

Question

Сегодня я написал этот код:

(function (window) { 
    'use strict'; 

    function ViewPort() { 
     var getSize = function() { 
       var e = window, 
        a = 'inner'; 

       if (!('innerWidth' in window)) { 
        a = 'client'; 
        e = Document.documentElement || Document.body; 
       } 
       return { width : e[a + 'Width'], height : e[a + 'Height'] }; 
      }, 

      update = function() { 
       var vw = (getSize().width/100); 

       Document.querySelector('html').style.fontSize = vw + 'px'; 
      }; 

     Document.addEventListener("resize", update()); 
    } 

    function run() { 
     return new ViewPort(); 
    } 

    window.viewport = run; 
}(window)); 

window.onload = function() { 
    'use strict'; 
    viewport(); 
}; 

Когда я использую jshint тогда я получил ошибки, как это:

11 'Document' is not defined. (W117) e = Document.documentElement || Document.body; 
19 'Document' is not defined. (W117) Document.querySelector('html').style.fontSize = vw + 'px'; 
22 'Document' is not defined. (W117) Document.addEventListener("resize", update()); 
30 'window' is not defined. (W117) }(window)); 
32 'window' is not defined. (W117) window.onload = function() { 
34 'viewport' is not defined. (W117) viewport(); 

любой может помочь мне исправить мои ошибки? Я не знаю, как это исправить. Этот код у меня в файле scripts.js не встроен.

Answer 1

Javascript чувствителен к регистру. document - все строчные буквы. Тогда это должно сработать.

Если это все еще не работает, вы можете попробовать добавить директиву к началу своего файла, чтобы подразумевать, что сценарий предназначен для браузера, а глобальные браузеры доступны.

Добавить комментарий к верхней части вашего скрипта:

/* jshint browser: true */