js、html中的单引号、双引号及其转义使用
js、html中的单引号、双引号及其转义使用
在js中对相关字符做判断或取值的时候很多情况下都会用到这些.
------
在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后，再漫不经心地改为：
<input value="Test" type="button" onclick="alert(\"OK\");" />
结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢？
后来找到一段正常的代码：
<input value="Test" type="button" onclick="alert("OK");" />
这 时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。两个双引号的做法是 vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。
下面列出各种表达方法：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html> <body> <input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br /> <input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' /><br /> <input value="两个双引号-错误" type="button" onclick="alert(""OK"");" /><br /> <input value="两个单引号-错误" type="button" onclick="alert(''OK'');" /><br /> <input value="\+双引号-错误" type="button" onclick="alert(\"OK\");" /><br /> <input value="\+单引号-错误" type="button" onclick="alert(\'OK\');" /><br /> <input value="外双引号内单引号-OK" type="button" onclick="alert('OK');" /><br /> <input value="外单引号内双引号-OK" type="button" onclick='alert("OK");' /><br /> <input value="外部不使用引号-OK" type="button" onclick=alert('OK');alert("OK"); /><br /> <input value="HTML转义字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br /> <input value="HTML转义字符'(& # 3 9 ;)-OK" type="button" onclick="alert('OK');" /><br /> <input value="HTML转义字符"(& # x 2 2 ;)-OK" type="button" onclick="alert('OK');" /><br /> <input value="HTML转义字符'(& # x 2 7 ;)-OK" type="button" onclick="alert('OK');" /><br /> <input value="HTML转义字符"(& q u o t ;)-OK" type="button" onclick="alert("OK");" /><br /> <input value="HTML转义字符'(& a p o s ;)-IE错误" type="button" onclick="alert('OK');" /><br /> <input value="其它\\-错误" type="button" onclick="alert(\\"OK\\");" /><br /> <input value="其它\& # 3 4 ;-错误" type="button" onclick="alert(\"OK\");" /><br /> </body></html> |
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix