IE11 - Объект не поддерживает свойство или метод "include" - javascript window.location.hash

Question

IE11 - Объект не поддерживает свойство или метод "include" - javascript window.location.hash

Я проверяю URL, чтобы увидеть, если он содержит или включает? в нем для управления состоянием хэша в окне. Все остальные браузеры не имеют проблемы только с IE.

Отладчик выдает мне эту ошибку, когда я пытаюсь загрузить таким способом. Object не поддерживает свойство или метод include

Я не получаю сообщение об ошибке при загрузке страницы через popstate

    $(document).ready(function(e) {
        if(window.location.hash) {
            var hash;
            if(window.location.hash.includes("?")) {
                alert('I have a ?');
                hash = window.location.hash.substring(window.location.hash.indexOf('#') + 0,window.location.hash.indexOf('?'));
            }else {
                hash = window.location.hash;
            };
            if (hash=="#DRS" || hash=="#DRP" || hash=="#DFFI" || hash=="#DCI" || hash=="#DCP" || hash=="#DRP" || hash=="#DRMA" || hash=="#EICS" || hash=="#ORG"){
                $(hash+'Content').addClass('pageOn').removeClass('pageOff');
            }else {
                $('#homeContent').addClass('pageOn').removeClass('pageOff');
            };
        } else {
            $('#homeContent').addClass('pageOn').removeClass('pageOff');
        }
        $(window).on('popstate', function() {
            var hash;
            if(window.location.hash.includes("?")) {
                hash = window.location.hash.substring(window.location.hash.indexOf('#') + 0,window.location.hash.indexOf('?'));
            }else {
                hash = window.location.hash;
            };
            if (hash=="#DRS" || hash=="#DRP" || hash=="#DFFI" || hash=="#DCI" || hash=="#DCP" || hash=="#DRP" || hash=="#DRMA" || hash=="#EICS" || hash=="#ORG"){
                $(this).navigate({target: $(hash+'Content')});
                if(window.location.hash.includes("?")) {
                }else{
                    location.href = location.href+'?';
                }
            }else {
                $(this).navigate({target: $('#homeContent')});
            };
        });
});

175

javascript hash internet-explorer-11 window.location popstate

Источник

user2140496 29 июн '15 в 15:12

6 ответов

Решение

IE11 реализует String.prototype.includes, так почему бы не использовать официальный Polyfill?

  if (!String.prototype.includes) {
    String.prototype.includes = function(search, start) {
      if (typeof start !== 'number') {
        start = 0;
      }

      if (start + search.length > this.length) {
        return false;
      } else {
        return this.indexOf(search, start) !== -1;
      }
    };
  }

Источник: полифилл источник

57

Источник

user889213 02 фев '17 в 01:12

Добавление import 'core-js/es7/array'; к моему polyfill.ts исправил проблему для меня.

37

Источник

user1179562 03 окт '18 в 15:32

У меня была похожая проблема с Angular-проектом. В мои polyfills.ts я должен был добавить оба:

    import "core-js/es7/array";
    import "core-js/es7/object";

В дополнение к включению всех остальных IE 11 по умолчанию. (См. Комментарии в polyfills.ts, если используется угловая)

После добавления этого импорта ошибка исчезла, и данные моего объекта заполнились, как и предполагалось.

15

Источник

user10426405 08 фев '19 в 19:56

Как и в Internet Explorer, метод javascript "include" не поддерживает, что приводит к ошибке, как показано ниже

dijit.form.FilteringSelect TypeError: Объект не поддерживает свойство или метод "include"

Поэтому я изменил строковый метод JavaScript с "include" на "indexOf", как показано ниже

//str1 doesn't match str2 w.r.t index, so it will try to add object
var str1="acd", str2="b";
if(str1.indexOf(str2) == -1) 
{
  alert("add object");
}
else 
{
 alert("object not added");
}

6

Источник

user6144539 01 апр '16 в 10:52

Я использовал includes от Lodash который действительно похож на родной.

3

Источник

user363072 01 сен '17 в 01:02

Я использую ReactJs и использовал import 'core-js/es6/string'; в начале index.js чтобы решить мою проблему.

Я также использую import 'react-app-polyfill/ie11'; для поддержки запуска React в IE11.

реагируют-приложение-polyfill
Этот пакет включает в себя полифилы для различных браузеров. Он включает минимальные требования и часто используемые языковые функции, используемые проектами Create React App.

https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md

1

Источник

user6655418 26 мар '19 в 12:35

У меня была похожая проблема, и это решило мою проблему! https://polyfill.io/

0

Источник

user1554396 05 июл '18 в 12:06

Я столкнулся с аналогичной проблемой при создании события Keyboard в IE и отправке его в поле ввода.

Так что переключившись на jQuery, он работает нормально, jQuery заботится обо всех внутренних деталях.

0

Источник

user2761641 03 дек '17 в 06:28

Этот вопрос и его ответы привели меня к моему собственному решению (с помощью SO), хотя некоторые говорят, что вы не должны вмешиваться в нативные прототипы:

  // IE does not support .includes() so I'm making my own:
  String.prototype.doesInclude=function(needle){
    return this.substring(needle) != -1;
  }

Тогда я просто заменил все .includes() с .doesInclude() и моя проблема была решена.

0

Источник

user1195835 07 сен '17 в 01:32

Другие вопросы по тегам javascript hash internet-explorer-11 window.location popstate

user1083663 29 июн '15 в 15:21 2015-06-29 15:21 · Accepted Answer · 2015-06-29 15:21

Согласно справочной странице MDN, includes не поддерживается в Internet Explorer. Самая простая альтернатива - это использовать indexOf, как это:

if(window.location.hash.indexOf("?") >= 0) {
    ...
}

243

Источник

user1083663 29 июн '15 в 15:21