IEのjavascript 実行エラーを回避したい

Question

下記のようなコードを組んでいます。

IEでは不都合なコードになっており、IEでも正しく動かすのではなく、別ブラウザを使って欲しい表示をjavascriptで組もうかと思ったのですが、
retun falseよりも後ろに書いてあるエラーが出てしまう部分が邪魔をして、IEのみの表示実行ができません。
できれば、IEでは実行したくない部分をIE判別のelse内に入れずに処理したいのですが、良い手はないでしょうか？

document.addEventListener('DOMContentLoaded', function() {
   if ( r isIE11 = !!window.MSInputMethodContext && !!document.documentMode ) {
     ～省略。別ブラウザへの促し表示～
      return false;
   }

   let d = somedata
   ～省略～
   hoge(d);

   function hoge(d) {
      ～省略～
     IEでエラーが出るコード
   }

}

IEでのエラー
※文字列連結に`文字列${変数}文字列'を使っている為のエラー

SCRIPT1014: 文字が正しくありません。

Comments

[yambejp]

コピペするとエラーになるソースを提示ください
r isIE11の時点でどのブラウザでもエラーになりませんか？

[nieve]

> r isIE11の時点でどのブラウザでもエラーになりませんか？

あ、、すみません。コピペミスです。
if ( isIE11 = !!window.MSInputMethodContext && !!document.documentMode ) {
}
になります。

[nieve]

さらにコピペミスです。。

if ( !!window.MSInputMethodContext && !!document.documentMode ) {
~IEでやりたいこと~
　 return false;
}
で書いております。

繰り返し申し訳ございません。。

Answer 1

あまり凝った作りをJSでやるのが大変、そしてやりたかったことは別ブラウザへ促すテキストを表示したかっただけなので、
CSSの疑似要素で対応することにしました。

知見いただきありがとうございました。

@media all and (-ms-high-contrast: none){
  #calendar {
    &:before {
      content: "申し訳ございませんが、ご利用のブラウザ(Internet Explore)には対応しておりません。別のブラウザよりご覧ください。";
      display: block;
      margin: auto;
      text-align: center;
      max-width: 40em;
    }
  }
}

Answer 2

isIE11にヒットしなくてもIE11でつかえないヒアドキュメントひ(?)構文を
ソース内にかいたら駄目です
ヒアドキュメントをやめるか、!isIE11の流れで追加でjs外部ソースを読み込むかの
どちらかが有効でしょう

Comments

[nieve]

ありがとうございます。。
NGになってしまうのですね。。。

[yambejp]

どうしてもヒアドキュメント的なまとめた処理が必要なら
おすすめはしませんがなんちゃってヒアドキュメント処理があります

document.addEventListener('DOMContentLoaded', function() {
var list=["aaa","bbb","ccc"];
var hoge=(function(){
/*
<ul>
<li>%s</li>
<li>%s</li>
<li>%s</li>
</ul>
*/
}).toString().match(//*([\s\S]+?)*//m)[1].replace(/%s/g,function(){return list.shift()});
console.log(hoge)
});

[nieve]

なんというか、何したいのか見通し悪いですね。。
ならば、普通に文字列連結してHTML構成していったほうがよい感じですね。。。

Answer 3

表示を促す部分だけ、独立したイベントハンドラで先に書いてみる、というのはどうでしょうか？

切り分けたところで、関数がないのではなく「文法的に解釈できない」ものである関係上、エラーは回避できないかと思います。ただし、別関数にすれば先に書いてエラーのない方だけ実行できるかもしれません。

Comments

[nieve]

下記を書いてみましたが、やはりだめでした。。。

```
document.addEventListener('DOMContentLoaded', function() {
if ( !!window.MSInputMethodContext && !!document.documentMode ) {
return false;
}
});

document.addEventListener('DOMContentLoaded', function() {
実際にやりたいことあれこれ
});
```