xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

关于 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')"/>
<!--单引号与双引号混合***********正确 ✅-->

image

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>

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

refs

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

posted @ 2015-07-30 21:16  xgqfrms  阅读(221)  评论(8)  编辑  收藏  举报