几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
正则设置千分价格;JavaScript设置千分价格;
来源：互联网
2023-03-16 23:56:15 版权归原作者所有，如有侵权，请联系我们
如何让页面的价格显示为千分价格，只需使用正则表达式即可实现。
匹配的正则：number.replace(/d{1,3}(?=(d{3}) (.d*)?$)/g, '$&,')
方法/步骤
新建一个html页面，在这个页面创建一个input输入框并设置一个id；
然后创建一个点击的按钮，同时给这个按钮添加一个方法；
最后添加一个用于显示千分价格的span标签。
代码：
input type="text" id="test" placeholder="请输入数字" />
input type="button" onclick="price()" value="点击"/>
br/ >
价格千分:span id="price">/span>
设置点击price方法时显示千分价格。如图：
1.点击按钮事件获取文本框输入的内容；
2.然后把这个输入的值转化为数字类型；
3.使用正则表达式设置千分价格，并把值显示出来。
使用的正则为：/d{1,3}(?=(d{3}) (.d*)?$)/g, '$&,'
具体代码：
script>
function price() {
//获取输入的值
var value = document.getElementById("test").value;
//把输入内容转换为数字
var num = new Number(value);
//使用正则把值转换为千分之并显示
document.getElementById("price").innerHTML =
(num.toFixed(2).toString()).replace(/d{1,3}(?=(d{3}) (.d*)?$)/g, '$&,')
}
/script>
保存html页面后使用浏览器打开，在文本输入框输入一个传数字，然后点击按钮即可看到效果。如图：
所有代码。可以直接复制所有代码到新建的html页面保存后使用浏览器运行即可。
所有代码：
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>/title>
script>
function price() {
//获取输入的值
var value = document.getElementById("test").value;
//把输入内容转换为数字
var num = new Number(value);
//使用正则把值转换为千分之并显示
document.getElementById("price").innerHTML =
(num.toFixed(2).toString()).replace(/d{1,3}(?=(d{3}) (.d*)?$)/g, '$&,')
}
/script>
/head>
body>
input type="text" id="test" placeholder="请输入数字" />
input type="button" onclick="price()" value="点击"/>
br/ >
价格千分:span id="price">/span>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读