最近在学习的时候看到有人问 "find" 与 ‘find‘ 的区别，发现了很多人都说没有区别，纯属个人爱好！
于是我好奇地试验了一下，发现了不一样的结果，通过对比分析发现 ‘‘ 和 "" （单引号，双引号），还是有很大的区别地！ 建议：<!--************为了防止 引号匹配错误； 单引号与双引号交叉使用*******************-->
在使用html onclick 事件属性时候乱用 单引号 /双引号 会出错的，比如：
<!--************为了防止 引号匹配错误；最好单引号与双引号交叉使用*******************-->
<input type="button" value="save" onclick="saveLocalStorage("form1")"/><!--双引号匹配**********出错--><input type="button" value="save" onclick="saveLocalStorage(‘form1‘)"/><!--单引号与双引号混合***********正确-->
以下是测试用例源码：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>
关于 html5 代码中 "xxx"(双引号) 和 (单引号)'xxx' 的区别，谈谈我的经验！
时间： 2024-10-15 07:44:07