Невозможно получить значение свойства 'indexOf'

Question

Я использую многоколоночную раскладку CSS (css3), которая, конечно же, отлично работает в Chrome, FF и Safari. Но многие по-прежнему используют IE9, и у нас есть требование поддержать его.

Для поддержки IE я включаю csscolumns polyfill js из this site.

Когда это polyfill нагрузки в IE9 я получаю сообщение об ошибке в консоли:

'unable to get value of the property 'indexof' object is null or undefined' 

и отладчик основные моменты этого кода в качестве источника проблемы:

function loadCssCache(s,callback){if(s.href.indexOf(location.host)==-1||s.href.indexOf(location.host)>50){return false} 

И код, вызывающий loadCssCache является:

for (var i = 0; i < document.styleSheets.length; i++) { 
    loadCssCache(document.styleSheets[i], "parseStylesheets") 
} 

s.href.indexOf - это место, где оно терпит неудачу. Кто-нибудь еще сталкивается с этой проблемой? Или может знать, в чем проблема?

Answer 1

spec указывает, что встроенные таблицы стилей (содержание, содержащееся в атрибуте style) включены в список document.styleSheets. Соответствующая часть, вероятно, такова:

Для встроенных таблиц стилей значение этого атрибута равно NULL.

Итак, если у вас есть какие-либо атрибуты стиля для любых элементов, вы получите ошибку с нулевой ссылкой при попытке прочитать значение с .href.

Простое исправление добавить проверку на null:

function loadCssCache(s,callback){ 
    if(s.href == null || s.href.indexOf(location.host) == -1 || s.href.indexOf(location.host) > 50){ 
     return false 
    } 
}