最近在学习的时候看到有人问 "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-12-29 11:19:45