À l'aide de la fenêtre.emplacement.de hachage.comprend " lance “l'Objet ne prend pas en charge la propriété ou de la méthode 'comprend'” dans IE11

Je suis la vérification de l'URL pour voir si elle contient un ? en elle de contrôler la valeur de hachage de la pop de l'état dans la fenêtre. Tous les autres navigateurs ne sont pas un problème, seul IE.

Le débogueur me donne cette erreur quand j'essaye de charger de cette façon:

Objet ne prend pas en charge la propriété ou de la méthode 'includes'

Je n'ai pas de message d'erreur quand je charge la page, à travers la 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')});
};
});
});
  • Quelle est la valeur de window.location.hash dans internet explorer 11?
InformationsquelleAutor Erik Grosskurth | 2015-06-29
  1. 238

    Selon la MDN page de référence, includes n'est pas pris en charge dans Internet Explorer. La plus simple solution consiste à utiliser des indexOf, comme ceci:

    if(window.location.hash.indexOf("?") >= 0) {
...
}
    • OK eh bien maintenant, je ne peux pas obtenir que cela fonctionne si(fenêtre.emplacement.de hachage.indexOf("?") >= 0) { //ne rien faire }else{ location.href = emplacement.href+'?'; }
    • J'ai besoin d'ajouter un ? à la fin de l'url si l'url n'est pas déjà fait
    • Je sais que c'est une vieille question et la réponse, mais la Chaîne.le prototype.inclut semble fonctionner pour moi sur Windows 10 c'est à dire 11.
    • C'est bon à entendre, mais ça ne fonctionne toujours pas sur Windows 7 IE11!
    • Si vous êtes à la Réagiring, vous pouvez utiliser polyfill de paquets et éviter d'ajouter manuellement les polyfills...
    InformationsquelleAutor GOTO 0
  2. 57

    IE11 n'en œuvre de la Chaîne.le prototype.comprend alors pourquoi ne pas utiliser le officiel 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;
}
};
}

    Source: polyfill source

    InformationsquelleAutor thiagoh
  3. 33

    Ajoutant import 'core-js/es7/array'; à mon polyfill.ts résolu le problème pour moi.

    • Cela a été posté il y a longtemps, mais peut-être que cela peut aider quelqu'un sur les nouveaux cadres d'une certaine manière cependant, je pense que la réponse choisie devrait suffire pour rien en dehors de l'utilisation spéciale des cas.
    InformationsquelleAutor JCisar
  4. 11

    J'ai eu un problème similaire avec un Angulaires du projet. Dans mon polyfills.ts j'ai dû ajouter deux: 

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

    En plus de l'activation de tous les autres IE 11 valeurs par défaut. (Voir les commentaires dans les polyfills.ts si vous utilisez angulaire)

    Après l'ajout de ces importations, l'erreur a disparu et mon Objet de données peuplées comme prévu.

    • Ce travail pour moi. Ce n'ces deux importations faire de toute façon?. Et ce d'importation fixe le comprend d'erreur?. Ou à la fois de l'em sont pour la comprend erreur?
    • Depuis IE11 ne reçoit plus de mises à jour par Microsoft, le javascript de la mise en œuvre est datée et ne gère que les méthodes thru ES5. Par l'importation de ces 2 fichiers, vous ajoutez le polyfill de scripts pour le Tableau et l'Objet thru ES7 qui comprend le "comprend" la méthode.
    InformationsquelleAutor bsheps
  5. 5

    Que dans Internet Explorer, la méthode javascript "comprend" ne prend pas en charge qui conduit à l'erreur comme ci-dessous

    bibliothèque dijit.forme.FilteringSelect TypeError: Objet ne prend pas en charge la propriété ou de la méthode 'comprend'

    J'ai donc changé le JavaScript de la méthode de chaîne de "comprend" à "indexOf" comme ci-dessous

    //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");
}
    InformationsquelleAutor satish hiremath
  6. 3

    J'ai utilisé comprend de Lodash qui est vraiment similaire à la maternelle.

    InformationsquelleAutor Moacir Rosa
  7. 1

    Je suis en utilisant ReactJs et utilisé import 'core-js/es6/string'; au début de index.js à résoudre mon problème.

    Je suis également en utilisant import 'react-app-polyfill/ie11'; à l'appui de l'exécution de Réagir dans IE11.

    réagir-app-polyfill

    Ce forfait comprend les polyfills pour diverses
    les navigateurs. Il comprend des exigences minimales et la langue couramment utilisée
    les fonctionnalités utilisées par Créer Réagir Application des projets.

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

    • J'ai commencé manuellement polyfills destinés à la prise de toutes les fonctions qui échouent dans IE11 console... Vraiment apprécier votre gain de temps de réponse. Pour ajouter ces 2 paquets à la fois à votre le paquet.json: npm i --save core-js react-app-polyfill
    • Btw, core-js/es6 semble pas exister de plus en v3, il suffit donc de import 'core-js'; comme suggéré dans Github.
    InformationsquelleAutor Bhushan Babar
  8. 0

    Cette question et ses réponses m'ont conduit à ma propre solution (avec l'aide de la SORTE), bien que certains disent que vous ne devriez pas altérer natif de prototypes:

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

    Ensuite, j'ai juste remplacé tous les .includes() avec .doesInclude() et mon problème a été résolu.

    • .includes () fonctionne sur les deux chaînes de caractères et les tableaux. Votre substring() solution ne fonctionne qu'avec des cordes et échoue avec les tableaux. Comme répondu par d'autres personnes, à l'aide de indexOf() au lieu de substring() est mieux parce que cela fonctionne dans les deux cas.
    InformationsquelleAutor TecBrat