Nano Hash - криптовалюты, майнинг, программирование

Uncaught SyntaxError: недопустимый или неожиданный токен при конкатенации переменной и атрибута src элемента сценария HTML

Получение ошибки «Uncaught SyntaxError: неверный или неожиданный токен» в chrome, где я объединяю переменную «url» с атрибутом src элемента сценария. В консоли ошибка начинается со второго оператора конкатенации и доходит до конца закрывающего тега скрипта в следующей строке.

var script = '<script src='+url+'></script>'

Переменная скрипта определяется внутри функции обратного вызова, где я динамически устанавливаю URL-адрес src элемента скрипта на основе нажатой кнопки. Ошибка возникает при загрузке страницы до того, как будет запущено событие, запускающее обратный вызов. Поэтому, когда возникает ошибка, функция не вызывается, а «url» включает неопределенные переменные.

function update(){
   var clicked = $(this).attr("id");
   var parameters = getParameters(clicked);
   var defaultField = parameters[0];
   var defaultUnits = parameters[1];
   var url= '"https://....jsembed=true&timeControl=true&fieldControl=true&defaultField='+defaultField+'&defaultUnits='+defaultUnits+'"';
   var script = '<script src='+url+'></script>';
   var container = document.getElementById("container")
   container.innerHTML=script;
};
javascript html callback concatenation
11.10.2017

Ответы:


1

Проблема в том, что когда браузер видит </script>, он интерпретирует это как закрывающий тег вашего блока скрипта. В данном случае это означает завершение блока скрипта в середине строки, что делает синтаксис недействительным.
Не имеет значения, находится ли он внутри строки JS, синтаксический анализатор HTML имеет абсолютный приоритет.

Вы можете легко решить эту проблему, изменив эту строку на эту:

var script = '<script src='+url+'></s'+'cript>';
11.10.2017
  • Спасибо за объяснение! Это решает проблему и отлично работает, но решение @thedarkone с использованием обратной косой черты, чтобы избежать косой черты в закрывающем теге скрипта, также решило эту проблему, и они ответили первыми. 11.10.2017
  • @Drazah Это объяснение проблемы неточно. Косая черта не является escape-символом в строках. 11.10.2017
  • Описание косой черты как escape-символа неверно. Но решение с добавлением обратной косой черты, чтобы избежать косой черты в закрывающем теге скрипта, решает проблему так же, как и ваше решение. 11.10.2017

    • 2

    Попробуйте сделать это:

    var script = `<script src=${url}</script>`

    У меня такое ощущение, что комбинация строк и ' и " могла что-то напортачить. Это литерал шаблона, в котором вы можете использовать переменные в строках. Тем не менее, вы должны использовать обратную галочку.

    11.10.2017
  • это не сработало, теперь вся строка подчеркивается как ошибка. 11.10.2017

    • 3

    На самом деле есть два решения для вашего кода. Один из них, как только что упомянутый UghThatGuyAgain, использует строку шаблона и делает ее

    var script = `<script src=${url}><\/script>`;

    Другое дело, как вы это делаете.

    var script = '<script src='+url+'><\/script>';

    Проблема с вашим решением в основном заключается в части /. По сути, это escape-символ, поэтому вы должны обращаться с ним по-другому.

    11.10.2017
  • экранирование косой черты в закрывающем теге скрипта решило это. 11.10.2017
  • Я изменил принятый ответ. Это решение действительно решило проблему, но решение @Mikael Lennholm также решает проблему и более точно описывает корень проблемы. 11.10.2017
  • Ничего страшного, у него гораздо больше опыта. Я тоже только что узнал кое-что новое. 12.10.2017
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..