javascript - 将数字 0-9 转换为图像?

标签 javascript image numbers

我对 JavaScript 还很陌生,但正在尝试编写一个脚本,将文本数字转换为(数字的)图像。我该怎么办?

P.s.我确实在网上找到了这段代码,但它看起来不太可靠。

<script language="JavaScript1.1" type="text/javascript">
function phils_image_price(input)
{
//declare variables
var output=""
var position=0
var chr=""
//loop
for (var position=0; position < input.length; position++)
{
chr=input.substring(position,position+1)
//replace
if (chr == '£') {output=output + '<img border="0"
src="img/pound.gif">'}
else if(chr == '0') {output=output + '<img border="0"
src="img/0.gif">'}
else if(chr == '1') {output=output + '<img border="0"
src="img/1.gif">'}
else if(chr == '2') {output=output + '<img border="0"
src="img/2.gif">'}
else if(chr == '3') {output=output + '<img border="0"
src="img/3.gif">'}
else if(chr == '4') {output=output + '<img border="0"
src="img/4.gif">'}
else if(chr == '5') {output=output + '<img border="0"
src="img/5.gif">'}
else if(chr == '6') {output=output + '<img border="0"
src="img/6.gif">'}
else if(chr == '7') {output=output + '<img border="0"
src="img/7.gif">'}
else if(chr == '8') {output=output + '<img border="0"
src="img/8.gif">'}
else if(chr == '9') {output=output + '<img border="0"
src="img/9.gif">'}
else if(chr == '.') {output=output + '<img border="0"
src="img/dot.gif">'}
else {output=output + chr}
}
return output;
}
</script>
</head>
<body>

<script language="JavaScript1.1" type="text/javascript">
document.write('£12345678.90')
document.write('<br>')
document.write(phils_image_price('£12345678.90'))
</script>

最佳答案

function phils_image_price(input) {
    var output = ""

    for (var i = 0; i < input.length; i++) {
        var chr = input.substring(i, i + 1)
        if (chr == '£') {
            output += '<img border="0" src="img/pound.gif">';
        } else if (chr == '.') {
            output += '<img border="0" src="img/dot.gif">';
        } else {
            output += '<img border="0" src="img/'+(chr+1)+'.gif">';
        }
    return output;
}

关于javascript - 将数字 0-9 转换为图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16451400/

相关文章:

javascript - 从 li 的子节点检索文本

c# - 使用隐式枚举字段来表示数值是一种不好的做法吗?

javascript - 使用 JavaScript 突出显示文本并在突出显示的部分内将文本设为粗体

javascript - 加载后显示 gif

image - 在python中更改图像的数组形状

javascript - jquery中心图像放大后溢出:auto container

c# - Xamarin IF 语句匹配图像按钮及其背景

python - 将十进制数添加到十进制数在 python 中不能正常工作

c - 32位单元C编程语言的范围

javascript - 如何使用 Greasemonkey 检测页面中特定链接的点击?