использование JS для размещения <script>объектов в html dom -in a specifici c place- после загрузки страницы

Question

Вот мой файл сценария js, в частности оператор if, используемый для добавления сообщений моих чат-ботов. Затем это выводится в отдельном окне чат-бота внешнего интерфейса html. как я могу сделать так, чтобы этот фрагмент кода отображался в файле html? Я знаю JavaScript достаточно хорошо, так что это казалось простым делом, но теперь я ударил кирпичную стену своими текущими знаниями. Я попытался поместить сценарий в переменную $ {data.message} в моем python веб-API, но безрезультатно.

if(data.message.includes("Great now, heres our payment portal, once the payment has been confirmed I shall book you in.<br>"))
          {
            $('.chat-window').append(`
            <li class="right clearfix">
                <div class="chat-body clearfix">
                    <div class="header">
                            <strong class="pull-left primary-font">Peggy</strong><br>
                    </div>
                    <p>
                    ${data.message}<br>  Doing the thing
                    <img alt="Checkout" class="v-button" role="button" src="www.example.com/sandbox"/>
                    <script type="text/javascript" src="www.example.com/sandbox"></script>
                    </p>
                </div>
            </li>
          `)
          }
          else          {
            $('.chat-window').append(`
            <li class="right clearfix">
                <div class="chat-body clearfix">
                    <div class="header">
                            <strong class="pull-left primary-font">Peggy</strong><br>
                    </div>
                    <p>
                    ${data.message}
                    </p>
                </div>
            </li>
          `)

^^ js файл сценария
\ / html файл

                    <div class="panel-body">
                        <ul class="chat-window">
                            <li class="right clearfix">
                                <div class="chat-body clearfix">
                                    <div class="header">
                                        
                                        <strong class="pull-left primary-font">Peggy: </strong><br>
                                    </div>
                                    <p>
                                        Hi my name is Peggy Booking assistant, how can I assist you today?
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>

В основном я спрашиваю, как мне добавить <script type="text/js" src="example.com/sandbox"> <script/> в свой основной файл html в браузере после того, как страница загрузилась внутри . Я могу заставить изображение отображаться нормально, используя объект data.message, это просто сценарий. неделя поиска в Google не помогла.

Answer 1

Существует много способов, но теперь в наших браузерах эта возможность встроена!

Dynami c Импорт

Пример использования библиотеки suncal c. js, на сервере должен быть включен CORS, чтобы он работал таким образом!

Пример, получение библиотеки из CDN после загрузки DOM, доступной напрямую в текущем контексте:

(async () => {
 // Get and import the lib
 await import('https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.8.0/suncalc.min.js')
 .then(function(){
   // Lib ready to use
   let times = SunCalc.getTimes(new Date(), 51.5,-0.1);
   console.log("Golden Hour today in London: " + times.goldenHour.getHours() + ':' + times.sunrise.getMinutes() + ". Take your pics!")
  })
})()

От