单引号、双引号 Html转义符 ----2014年12月2日
'----单引号 "-----双引号
在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后，再漫不经心地改为： <input value="Test" type="button" onclick="alert(\"OK\");" />
结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢？
后来找到一段正常的代码：
<input value="Test" type="button" onclick="alert("OK");" />
这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。
两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。
下面列出各种表达方法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这是显示在浏览器中的标签</title>
</head>
<body>
<p>都是一样的，当需要两次使用引号时候，建议外面使用双引号，内部使用单引号。</p>
<input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" />
<br />
<input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' />
<br />
<input value="两个双引号-错误" type="button" onclick="alert(""OK"");" />
<br />
<input value="两个单引号-错误" type="button" onclick="alert(''OK'');" />
<br />
<input value="\+双引号-错误" type="button" onclick="alert(\"OK\");" />
<br />
<input value="\+单引号-错误" type="button" onclick="alert(\'OK\');" />
<br />
<input value="外双引号内单引号-OK" type="button" onclick="alert('OK');" />
<br />
<input value="外单引号内双引号-OK" type="button" onclick='alert("OK");' />
<br />
<input value="外部不使用引号-OK" type="button" onclick=alert('OK');alert("OK"); />
<br />
<input value="HTML转义字符'(& # 3 4 ;)'-错误" type="button" onclick="alert("OK");" />
<br />
<input value="HTML转义字符'(& # 3 9 ;)'-OK" type="button" onclick="alert('OK');" />
<br />
<input value="HTML转义字符'(& # x 2 2 ;)'-OK" type="button" onclick="alert('OK');" />
<br />
<input value="HTML转义字符'(& # x 2 7 ;')-OK" type="button" onclick="alert('OK');" />
<br />
<input value="HTML转义字符'"(& q u o t ;)'-OK" type="button" onclick="alert("OK");" />
<br />
<input value="HTML转义字符''(& a p o s ;)'-OK"type="button" onclick="alert('OK');" />
<br />
<input value="其它\\-错误" type="button" onclick="alert(\\"OK\\");" />
<br />
<input value="其它\& # 3 4 ;-错误" type="button" onclick="alert(\"OK\");" />
<br />
</body>
</html>
单引号、双引号 Html转义符 ----2014年12月2日的更多相关文章
- 2014年12月23日00:42:54——PS4
http://tieba.baidu.com/p/3415598015?see_lz=1&pn=1 http://tieba.baidu.com/p/3188981817 http://tie ...
- 2014年12月20日00:33:14-遮罩+进度条-extjs form.isvalid
1.Extjs : 遮罩+进度条 2.Extjs: extjs form.isvalid http://stackoverflow.com/questions/19354433/extjs-form- ...
- 时间处理：计算下一天日期,如输入"2004/12/31"(注释2014年12月31日)，则输出"2005/1/1".
/* ============================================================================ Name : Exercise.c Au ...
- 【2014年12月6日】HR交流会
今天的交流会感觉还是不错,体会到了一些东西,把它记下来. 想到什么写什么,可能没什么条理. 1.先选行业,再选职业,再选公司 根据自己的兴趣以及个人特长,能力等方面,需要定一个大概的方向,然后根据方向 ...
- 2015微软创新杯Imaginecup正在进行参赛（报名截止日期2014年12月31日本23:59）
CSDN高校俱乐部与微软官方合作,2015微软创新杯大赛中国区官网落户CSDN高校俱乐部:http://student.csdn.net/mcs/imaginecup2015 在微软官方设置创新杯中国 ...
- Linux中的元字符和转义符 单引号 硬引号 双引号 软引号
Linux中的元字符和转义符 单引号 硬引号 双引号 软引号 Linux就这个范儿 Linux就这个范儿 P182单引号:硬引号,所有元字符特殊意义都会关掉双引号:软引号,只允许出现特定元字符 ...
- 转发：【PHP】转义和过滤html单、双引号及HTML标签
一.单引号和双引号转义在PHP的数据存储过程中用得比较多,即往数据库里面存储数据时候需要注意转义单.双引号: 先说几个PHP函数: 1.addslashes — 使用反斜线引用(转义)字符串: 返回字 ...
- PHP中单引号双引号使用原则
PHP中单引号双引号使用原则 1.PHP中尽量用单引号,HTML代码全部用双引号 2.在包含变量的时候,用双引号可以简化操作 3.复杂的情况下用大括号包起来 4 PHP引号还有一个用处 ...
- 2014年7月10日，我人生的最重要Upgrade
2014年7月10日上午,我的小公主顺利的出生于国妇婴.之前各种紧张,各种不安.在不安中的前天晚上陪着来上海的董博士于方先生在人民广场聚餐.大家都是工作几年的,各种感慨,对于工作中的零零种种.还有对未 ...
随机推荐
- HDU-2552 三足鼎立
三足鼎立 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submi ...
- mongodb在window下和linux下的部署 和 安装可视化工具
Windows安装 安装Mongo数据库: 在发布本文的时间官方提供的最新版本是:2.4.0 ,如果不做特殊声明,本教程所用的版本将会是这个版本. 第一步:下载安装包:http://www.mo ...
- linux学习笔记---未完待续，缓慢更新
做为linux菜鸟,由于work的需要,慢慢的开始接触学习linux. <鸟哥的linux私房菜>学习笔记. 一.基础命令操作 1.显示日期的命令 date 执行date命令后,显示结果为 ...
- hdoj 3952 World Exhibition
World Exhibition Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...
- LIS，LDS的另类算法（原）
自己在做有关俄罗斯套娃的题目时,发现自己写出的一个方法可以解决求最长上升子序列(LIS)和最长下降子序列(LDS)的问题. 俄罗斯套娃:这个问题在前一篇中讲的有,在此处就不多讲了~链接 求最长上升子 ...
- css写法效率问题
这篇文章写的很好了,其实大多数很牛的博客,都是对国外文献的翻译,国内文章的好坏,关键取决于翻译者理解和翻译水平. https://developer.mozilla.org/en-US/docs/We ...
- Java类加载机制深度分析
转自:http://my.oschina.net/xianggao/blog/70826 参考:http://www.ibm.com/developerworks/cn/java/j-lo-class ...
- CentOS源码安装搭建LNMP全过程(包括nginx，mysql，php，svn)【转】
转自:http://blog.csdn.net/yanzi1225627/article/details/49123659 服务器环境为:CentOS6.5 64位 目标:搭建LNMP(Linux + ...
- C#目录文件复制、创建操作
using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Secu ...
- 在Excel里如何将多个工作簿合并到一个工作簿中
在Excel里如何将多个工作簿合并到一个工作簿中 当你必须将多个工作簿合并到一个工作簿时,你遇到过麻烦吗?最让人心烦的就是需要合并的工作簿里有很多张工作表.有人能推荐方法解决这个问题吗? 利用VBA ...