添加 JavaScript 嵌入到 HTML

Question

我得到了这个代码，它应该显示这个页面的嵌入式小优惠券版本 https://weedmaps.com/deals#/1118217:

<script type="text/javascript">var coupon_id = 17811;</script>
<script type="text/javascript">var coupon_type = "deliveries";</script>
<script type="text/javascript" src="https://weedmaps.com/embed/coupon.js"></script>

我不知道如何正确地将 JavaScript 添加到 HTML。我已将以下脚本放在 head 部分。但我不明白如何在我想要的 div 中生成优惠券。我试过调用 JavaScript 函数，但我以前从未使用过 JavaScript。有人可以帮我嵌入这张优惠券吗？

Answer 1

Javascript 可以在 head 标签之间，但最好将其放在 body 结束标签之前，以允许您的页面内容在加载之前先加载 javascript。只需导入您的 javascript。并呼唤。希望这对您有所帮助。

<!DOCTYPE html>
<html>

<head>

</head>

var coupon_id = 17811;

Answer 2

JS 表示它正在寻找 ID 为#weedCouponPane 的元素。你的 html 里有这个吗？即

<div id="weedCouponPane"></div>

Answer 3

我已经查看了您的脚本，首先：它绝对应该放在文档中而不是 <head> 部分，因为 coupon.js 正在写出 html 在 coupon.js 脚本导入的位置。

理论上你只需要放置脚本就可以了，但是有一些问题：

您需要在 Web 服务器上执行它 - 当运行作为一个普通的 html 文件时，脚本只是试图在您的文件系统中找到不起作用的库。
它仍然无法工作，因为它仍会尝试在您的网络服务器上查找一些资源。在我的例子中，脚本试图加载 http://localhost:63342/restpoints/deliveries/17811/deal，但它不起作用
为了证明 2. 只需尝试 https://weedmaps.com/restpoints/deliveries/17811/deal 使用正确的域。那么您将收到用于填充优惠券窗格的正确 JSON。

=> 因此，如果您获得的脚本应该可以从不同于 "weedmaps.com"

的域执行，那么它就会出现问题

添加 JavaScript 嵌入到 HTML

Adding a JavaScript embed to HTML

html

javascript

embed