Uncaught SyntaxError: неверный или неожиданный токен при подключении iframe к тегу body - PullRequest
Новая
       10

Uncaught SyntaxError: неверный или неожиданный токен при подключении iframe к тегу body

0 голосов
/ 22 февраля 2019

Я пытаюсь добавить тег div к тегу body.Внутри тега div я использую iframe.Вот мой код: 

<script>
  (function() {
    var div = document.createElement("div");
    document.getElementsByTagName('body')[0].appendChild(div);
    div.outerHTML = "<div id='botDiv' style='height: 38px; position: fixed; bottom: 0; z-index: 1000; background-color: #fff'><div id='botTitleBar' style='height: 38px; width: 400px; position:fixed; cursor: pointer;'></div><iframe width='400px' height='600px' src='https://SitePages/botchat.html'></iframe></div>";
    document.querySelector('body').addEventListener('click', function(e) {
      e.target.matches = e.target.matches || e.target.msMatchesSelector;
      if (e.target.matches('#botTitleBar')) {
        var botDiv = document.querySelector('#botDiv');
        botDiv.style.height = botDiv.style.height == '600px' ? '38px' : '600px';
      };
    });
  }());
</script>

1 Ответ

0 голосов
/ 22 февраля 2019

Используйте `` backticks для строки externalHTML 

(function() {
  var div = document.createElement("div");
  document.getElementsByTagName('body')[0].appendChild(div);
  div.outerHTML = `<div id='botDiv' style='height: 38px; position: fixed; bottom: 0; z-index: 1000; background-color: #fff'>
<div id='botTitleBar' style='height: 38px; width: 400px; position:fixed; cursor: pointer;'></div>
<iframe width='400px' height='600px' src='https://SitePages/botchat.html'></iframe></div>`;
  document.querySelector('body').addEventListener('click', function(e) {
    e.target.matches = e.target.matches || e.target.msMatchesSelector;
    if (e.target.matches('#botTitleBar')) {
      var botDiv = document.querySelector('#botDiv');
      botDiv.style.height = botDiv.style.height == '600px' ? '38px' : '600px';
    };
  });
}());
<body></body>
...