码迷,mamicode.com
首页 > Web开发 > 详细

关于 html5 代码中 "xxx"(双引号) 和 (单引号)'xxx' 的区别,谈谈我的经验!

时间:2015-07-30 23:00:48      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:

最近在学习的时候看到有人问 "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' 的区别,谈谈我的经验!

标签:

原文地址:http://www.cnblogs.com/xgqfrms/p/4690636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!