关于 html5 代码中 "xxx"(双引号) 和 (单引号)'xxx' 的区别，谈谈我的经验！All In One
关于 html5 代码中 "xxx"(双引号) 和 (单引号)'xxx' 的区别，谈谈我的经验！All In One
最近在学习的时候看到有人问 "find" 与 'find' 的区别，发现了很多人都说没有区别，纯属个人爱好！💩
于是我好奇地试验了一下，发现了不一样的结果，通过对比分析发现'' 和 "" （单引号，双引号），还是有很大的区别地！
建议：<!--为了防止 引号匹配错误； 单引号与双引号交叉使用*******-->
在使用 html onclick 事件属性时候乱用
单引号/双引号会出错的，比如：
<!--************为了防止 引号匹配错误；最好单引号与双引号交叉使用*******************-->
<input type="button" value="save" onclick="saveLocalStorage("form1")"/>
<!--双引号匹配**********出错 ❌-->
<input type="button" value="save" onclick="saveLocalStorage('form1')"/>
<!--单引号与双引号混合***********正确 ✅-->
SEO
nofollow
demos
以下是测试用例源码：
CDN加速 链接：http://pan.baidu.com/s/1eQ0I73G 密码：yg3r
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="../js/local_storage.js" type="text/javascript" ></script>
<title>local storage</title>
<style type="text/css">
body{
background-color: chartreuse;
}
</style>
</head>
<body>
<div id="div1">
<h1 id="msg"></h1>
<form id="form1">
<label>name:</label>
<input id="name" type="text" name="name" required="required" /><br/>
<label>email:</label>
<input id="email" type="email" name="email" required="required" /><br/>
<label>tel:</label>
<input id="tel" type="tel" name="tel" required="required" /><br/>
<label>male:</label>
<input id="gender1" type="radio" name="gender" value="male"/><br/>
<label>female:</label>
<input id="gender2" type="radio" name="gender" value="female"/><br/>
</form>
<!--************为了防止 引号匹配错误； 单引号与双引号交叉使用*******************
<input type="button" value="save" onclick="saveLocalStorage("form1")"/>
-->
<input type="button" value="save" onclick="saveLocalStorage('form1')"/>
<input type="button" value="save" onclick="saveLocalStorage('email')"/>
<input type="button" value="show" onclick="showLocalStorage('msg')" />
</div>
</body>
</html>
refs
©xgqfrms 2012-2025
www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！
原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！
本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/4690636.html
未经授权禁止转载，违者必究！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· .NET10 - 预览版1新功能体验（一）