Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS放置<;脚本>;加载页面后,将对象放入html dom中的特定位置_Javascript_Html_Dom - Fatal编程技术网

Javascript 使用JS放置<;脚本>;加载页面后,将对象放入html dom中的特定位置

Javascript 使用JS放置<;脚本>;加载页面后,将对象放入html dom中的特定位置,javascript,html,dom,Javascript,Html,Dom,这是我的js脚本文件,特别是用于添加我的聊天机器人消息的if语句。然后在单独的html前端聊天机器人窗口中输出。如何使这段代码显示在html文件上?我对JavaScript非常了解,所以这似乎是一件简单的事情,但现在我的知识遇到了困难。我曾尝试将脚本放入python web api中的${data.message}变量中,但没有成功 if(data.message.includes("Great now, heres our payment portal, once the payme

这是我的js脚本文件,特别是用于添加我的聊天机器人消息的if语句。然后在单独的html前端聊天机器人窗口中输出。如何使这段代码显示在html文件上?我对JavaScript非常了解,所以这似乎是一件简单的事情,但现在我的知识遇到了困难。我曾尝试将脚本放入python web api中的${data.message}变量中,但没有成功

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>
          `)
if(data.message.includes(“现在很好,这是我们的付款门户,一旦付款得到确认,我将为您预订。
”) { $('.chat window')。追加(`
  • Peggy ${data.message}
    正在做这件事

  • `) } 否则{ $('.chat window')。追加(`
  • Peggy ${data.message}

  • `)
    ^^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>
    
    
    
    
    • 佩吉:
      你好,我是佩吉预订助理,我今天能为你做些什么?


    基本上,我是在问,在页面加载到中之后,如何将
    添加到浏览器中的主html文件中。我可以使用data.message对象使图像显示得很好,这只是脚本。一周的谷歌搜索没有帮助。

    有很多方法,但我们的浏览器现在内置了这种功能

    例如,使用lib suncalc.js,服务器必须启用CORS才能以这种方式工作

    例如,从CDN获取一个lib,在DOM加载后,直接在当前上下文中可用:

    (异步()=>{
    //获取并导入库
    等待导入('https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.8.0/suncalc.min.js')
    .然后(函数(){
    //Lib随时可用
    let times=SunCalc.getTimes(new Date(),51.5,-0.1);
    log(“今天伦敦的黄金时段:+times.goldenHour.getHours()+”:“+times.sunrise.getMinutes()+”。拍照吧!)
    })
    
    })()
    有很多方法,但我们的浏览器现在内置了这种功能

    例如,使用lib suncalc.js,服务器必须启用CORS才能以这种方式工作

    例如,从CDN获取一个lib,在DOM加载后,直接在当前上下文中可用:

    (异步()=>{
    //获取并导入库
    等待导入('https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.8.0/suncalc.min.js')
    .然后(函数(){
    //Lib随时可用
    let times=SunCalc.getTimes(new Date(),51.5,-0.1);
    log(“今天伦敦的黄金时段:+times.goldenHour.getHours()+”:“+times.sunrise.getMinutes()+”。拍照吧!)
    })
    
    })()
    这是否回答了您的问题?我不确定,从我对我使用的api的了解来看,我需要将其与放在同一个div中,以便在正确的时间运行。任何要求都应该在问题中详细说明,而不是在注释中。请在您的问题中包含人们应该知道的任何信息。请注意
    src=“www.example.com/sandbox"
    可能会导致试图从
    http://baseURL/www.example.com/sandbox
    ,这可能不是您想要的。是的,我知道通常存在一个带有api键的api前端。这是jquery代码,因此您也必须导入jquery。这是否回答了您的问题?我不确定,从我对我正在使用的api的理解是,我需要把它放在与的相同的div中,以便它在正确的时间运行。任何要求都应该在问题中详细说明,而不是在注释中。请在您的问题中包含人们应该知道的任何信息。请注意
    src=“www.example.com/sandbox”
    可能会导致试图从
    http://baseURL/www.example.com/sandbox
    ,这可能不是您想要的。是的,我知道通常存在一个带有api键的api前端。这是jquery代码,因此您也必须导入jquery。这需要JavaScript文件中的代码才能导入支持作为模块加载。此外,由于您在其他地方已经使用了几乎完全相同的答案,因此您应该将问题作为副本关闭,而不是将相同的答案粘贴到多个问题上。是的,现代浏览器,是的,这并没有帮助,只是在一段时间后导入了一个外部脚本。感谢异端猴子的尝试我已经编辑了我的问题,希望它能更好地理解。这需要JavaScript文件中的代码支持作为模块加载。此外,由于您已经在其他地方使用了几乎完全相同的答案,您应该将问题作为副本关闭,而不是在mult中粘贴相同的答案我的问题。是的,现代浏览器,是的,这个