type="text/html" 中的 if else 语句

【问题标题】：If else statement inside type="text/html"type="text/html" 中的 if else 语句
【发布时间】：2019-04-05 06:51:53
【问题描述】：

如何在 type="text/html" 中使用 if else 语句

我想在 IE 浏览器上使用 <embed> 标签，否则 <object> 标签

如果是 Internet Explorer

 <embed data-bind="attr: { src: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" style="width: 100%; height: 800px !important;">

其他浏览器

 <object data-bind="attr: { data: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" width="100%" height="600px"></object>

【问题讨论】：

标签： javascript jquery object knockout.js embed

【解决方案1】：

试试这个

创建一个检查是否为 IE 的函数

然后使用 javascirpt 追加

function detectIE() {
  var ua = window.navigator.userAgent;

  var msie = ua.indexOf('MSIE ');
  if (msie > 0) {
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
  }

  var trident = ua.indexOf('Trident/');
  if (trident > 0) {
    var rv = ua.indexOf('rv:');
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
  }

  var edge = ua.indexOf('Edge/');
  if (edge > 0) {
    return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
  }

  return false;
}

console.log(detectIE())

if(detectIE()){
  document.body.innerHTML=`<embed data-bind="attr: { src: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" style="width: 100%; height: 800px !important;">`;

}else{

  document.body.innerHTML=`<object data-bind="attr: { data: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" width="100%" height="600px"></object>`;

}

https://codepen.io/anon/pen/pxMRxG

【讨论】：

我想插入
document.getElementsByClassName(""primary-content")[0].innerHTML