设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › javascript format报错
返回列表 发新帖
查看: 2400|回复: 6

[已解决]javascript format报错

[复制链接]
aaron.yang
发表于 2020-8-27 21:52:57 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
为什么我在javascript中使用.format方法总是报错说"format is not a function"，
我记得javascript中字符串有format方法的呀
最佳答案
月排行榜 / 总排行榜
lhgzbxhz
2020-8-28 10:04:31
aaron.yang 发表于 2020-8-28 09:13
我在输入框中输入"/commands"时，就出错了

Javascript中的string是没有format方法的，建议使用字符串拼接，就像这样：
  1. answer.innerHTML = "<ul><li>" + commands[i] +"</li></ul>";
复制代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2020-8-28 08:00:16 | 显示全部楼层
JS 中 format() 常用来处理 Date 对象，但对字符串进行格式化也不少

对象.format(xxx)
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

aaron.yang
 楼主| 发表于 2020-8-28 08:08:57 | 显示全部楼层
不二如是 发表于 2020-8-28 08:00
JS 中 format() 常用来处理 Date 对象，但对字符串进行格式化也不少

对象.format(xxx)

那也应该有这个函数鸭，可报错内容是“.format is not a function”
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

lhgzbxhz
发表于 2020-8-28 08:53:53 | 显示全部楼层
aaron.yang 发表于 2020-8-28 08:08
那也应该有这个函数鸭，可报错内容是“.format is not a function”

发一下完整代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

aaron.yang
 楼主| 发表于 2020-8-28 09:11:57 | 显示全部楼层
本帖最后由 aaron.yang 于 2020-8-28 09:13 编辑
  1. <!DOCTYPE html>

  3. <html>
  4.     <head>
  5.         <style>
  6.             h1
  7.             {
  8.                 text-align: center;
  9.                 color: blue;
  10.             }
  11.             p
  12.             {
  13.                 font-size: large;
  14.             }
  15.             input
  16.             {
  17.                 height: 35px;
  18.                 width: 250px;
  19.                 font-size: 35px;
  20.             }
  21.             button
  22.             {
  23.                 height: 30px;
  24.                 width: 80px;
  25.             }
  26.         </style>
  27.         <meta charset="UTF-8">
  28.         <title>工具大师(web版)</title>
  29.     </head>
  30.     <body>
  31.         <h1>工具大师</h1>
  32.         <script type="text/javascript">
  33.             function main()
  34.             {
  35.                 var cmd = document.getElementById("greeting").value;
  36.                 var answer = document.getElementById("answer");
  37.                 var commands = ["/help", "/commands", "/date"];
  38.                 //console.log(cmd)
  39.                 if(cmd=="/help")
  40.                 {
  41.                     answer.innerHTML = "此功能暂未开启~";
  42.                 }
  43.                 else if(cmd=="/commands")
  44.                 {
  45.                     for(var i=0;i<commands.length;i++)
  46.                     {
  47.                         answer.innerHTML = "<ul><li>{0}</li></ul>".format(commands[i]);
  48.                     }
  49.                     // answer.innerHTML = "<ul><li>/help</li><li>/commands</li><li>/date</li></ul>"
  50.                 }
  51.                 else if(cmd=="/date")
  52.                 {
  53.                     answer.innerHTML = Date();
  54.                 }
  55.                 else
  56.                 {
  57.                     if(cmd[0]=='/')
  58.                     {
  59.                         answer.innerHTML = "没有此功能~";
  60.                     }
  61.                     else
  62.                     {
  63.                         answer.innerHTML = "指令要以"/"开头~";
  64.                     }
  65.                 }
  66.             }
  67.         </script>
  68.         <p>请输入指令: </p><input id="greeting" type="text">
  69.         <br><br>
  70.         <button type="submit" onclick="main()">提交</button>
  71.         <br><br>
  72.         <main id="answer">
  73.             <em>[no answer]</em>
  74.         </main>
  75.     </body>
  76. </html>
复制代码

我在输入框中输入"/commands"时，就出错了
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

aaron.yang
 楼主| 发表于 2020-8-28 09:13:30 | 显示全部楼层
lhgzbxhz 发表于 2020-8-28 08:53
发一下完整代码
  1. <!DOCTYPE html>

  3. <html>
  4.     <head>
  5.         <style>
  6.             h1
  7.             {
  8.                 text-align: center;
  9.                 color: blue;
  10.             }
  11.             p
  12.             {
  13.                 font-size: large;
  14.             }
  15.             input
  16.             {
  17.                 height: 35px;
  18.                 width: 250px;
  19.                 font-size: 35px;
  20.             }
  21.             button
  22.             {
  23.                 height: 30px;
  24.                 width: 80px;
  25.             }
  26.         </style>
  27.         <meta charset="UTF-8">
  28.         <title>工具大师(web版)</title>
  29.     </head>
  30.     <body>
  31.         <h1>工具大师</h1>
  32.         <script type="text/javascript">
  33.             function main()
  34.             {
  35.                 var cmd = document.getElementById("greeting").value;
  36.                 var answer = document.getElementById("answer");
  37.                 var commands = ["/help", "/commands", "/date"];
  38.                 //console.log(cmd)
  39.                 if(cmd=="/help")
  40.                 {
  41.                     answer.innerHTML = "此功能暂未开启~";
  42.                 }
  43.                 else if(cmd=="/commands")
  44.                 {
  45.                     for(var i=0;i<commands.length;i++)
  46.                     {
  47.                         answer.innerHTML = "<ul><li>{0}</li></ul>".format(commands[i]);
  48.                     }
  49.                     // answer.innerHTML = "<ul><li>/help</li><li>/commands</li><li>/date</li></ul>"
  50.                 }
  51.                 else if(cmd=="/date")
  52.                 {
  53.                     answer.innerHTML = Date();
  54.                 }
  55.                 else
  56.                 {
  57.                     if(cmd[0]=='/')
  58.                     {
  59.                         answer.innerHTML = "没有此功能~";
  60.                     }
  61.                     else
  62.                     {
  63.                         answer.innerHTML = "指令要以"/"开头~";
  64.                     }
  65.                 }
  66.             }
  67.         </script>
  68.         <p>请输入指令: </p><input id="greeting" type="text">
  69.         <br><br>
  70.         <button type="submit" onclick="main()">提交</button>
  71.         <br><br>
  72.         <main id="answer">
  73.             <em>[no answer]</em>
  74.         </main>
  75.     </body>
  76. </html>
复制代码

我在输入框中输入"/commands"时，就出错了
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

lhgzbxhz
发表于 2020-8-28 10:04:31 | 显示全部楼层    本楼为最佳答案   
aaron.yang 发表于 2020-8-28 09:13
我在输入框中输入"/commands"时，就出错了

Javascript中的string是没有format方法的，建议使用字符串拼接，就像这样：
  1. answer.innerHTML = "<ul><li>" + commands[i] +"</li></ul>";
复制代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-13 05:35

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表