Javascript 使用JS放置<;脚本>;加载页面后,将对象放入html dom中的特定位置
这是我的js脚本文件,特别是用于添加我的聊天机器人消息的if语句。然后在单独的html前端聊天机器人窗口中输出。如何使这段代码显示在html文件上?我对JavaScript非常了解,所以这似乎是一件简单的事情,但现在我的知识遇到了困难。我曾尝试将脚本放入python web api中的${data.message}变量中,但没有成功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
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中粘贴相同的答案我的问题。是的,现代浏览器,是的,这个