个人中心
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
文章推荐： javascript - 如何增强迭代回调的 javascript 函数？
文章推荐： javascript - 如何强制 javascript 等待/阻塞，直到延迟的作业完成？
文章推荐： Javascript:移动二维数组
文章推荐： javascript - 如何识别拉斐尔中哪个按钮被按下？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com