gpt4 book ai didi

javascript - 在html中执行javascript

转载 作者:行者123 更新时间:2023-11-28 09:06:27 25 4
gpt4 key购买 nike

我正在尝试更改我正在设计的网站上的价格。价格值是动态的(由 CMS 生成,即 3dcart),并在代码中显示为 [ITEMPRICE]

价格包含货币符号和小数点,我正在尝试使用 JavaScript 删除它们。

这是 HTML 的示例

<span>[ITEMPRICE]</`span>

itemprice 的值例如为 $199.00。我希望页面仅显示 199

所以我尝试了这个:

<script>
function chop_price()
{
[ITEMPRICE] = [ITEMPRICE].replace("$","");
[ITEMPRICE] = parseInt([ITEMPRICE]);
}
</script>

但我什至不知道如何执行这个函数,以便页面会更改为不带小数的值。

我应该添加这个 3dcart 系统基于 HTML 模板(我正在尝试编辑编辑以删除小数)和包含所有产品信息(如价格等)的数据库生成最终 HTML。我可以编辑模板,但最终的 HTML 是动态生成的。

最佳答案

你可以在正文加载时调用它... <body onload="chop_price();">....</body>或直接在脚本标签 <script type="text/javascript">chop_price();</script> 内在您提到的声明之后。

您可以做的是将 [ITEMPRICE] 插入分配了类的 div 中(例如: <div class="item_price">[ITEMPRICE]</div> ),然后选择与该类匹配的所有项目,并在正文加载时修改内部 HTML。

<head>
......
<script type="text/javascript">
function process_prices() {
var elements = document.getElementsByClassName('item_price');
for (i = 0; i < elements.length; i++) {
var el = elements[i];
el.innerHTML = chop_price(el.innerHTML);
}
}

function chop_price(text) {
var result = text;
result = result.replace("$", "");
result = parseInt(result);

return result;
}
</script>
</head>

<body onload="process_prices();">
......
</body>

当然,最好的办法是修改 CMS 输出中的值。

关于javascript - 在html中执行javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16997279/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com