如何将第3方脚本集成到我的html代码中,并将值传递给脚本?

时间:2018-10-21 11:58:31

标签: javascript html

我需要将第3方(付款网关按钮)代码集成到我的html代码中。在以下代码中,div标签是我的html代码,脚本标签是要集成的代码。如果我按如下所示对脚本标记进行硬编码,则可以正常工作。现在,我想拥有“数据量”变量并设置其值。我有什么选择?

<table class="table">
    <tr>
        <td>Cart Subtotal:</td>
        <td class="text-medium" id="SubTotal">$0</td>
    </tr>           
</table>
<div>   
 <script                             
  src="https://secure.payments.com/scripts/eCrypt.min.js"
  class="paynow-button"
  data-publicapikey="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
  data-amount="1234;" data-currency="USD">
 </script>
</div>

注意:我在html文件中包含的js文件中具有'data-amount'的值。对于其他HTML字段,我在js文件中动态设置“数据量”,如下所示:

var subTotalVal = get Value From cockie;
document.getElementById("SubTotal").innerHTML = "$" + subTotalVal;

谢谢。

1 个答案:

答案 0 :(得分:-1)

您可以通过dataset

访问它
const script = document.querySelector('SCRIPT TAG ID OR CLASS OR WHATEVER SELECTOR');
script.dataset.amount = '1234'

或者您可以通过const amount = script.dataset.amount获取数据(可以同时是getter和setter)