1. ホーム
  2. javascript

[解決済み] IE11で `window.location.hash.includes` を使用すると "Object doesn't support property or method 'includes'" がスローされます。

2022-04-21 15:40:07

質問

URLに ? の中に、ウィンドウ内のハッシュポップの状態を制御するために含まれています。他のブラウザはすべて問題ないのですが、IEだけが問題です。

この方法で読み込もうとすると、デバッガでこのようなエラーが出ます。

オブジェクトはプロパティまたはメソッドをサポートしていません ' includes '

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')});
            };
        });
});

解決方法は?

によると MDNリファレンスページ , includes はInternet Explorerではサポートされていません。最も簡単な代替案は indexOf このように

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