单引号、双引号 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日上午,我的小公主顺利的出生于国妇婴.之前各种紧张,各种不安.在不安中的前天晚上陪着来上海的董博士于方先生在人民广场聚餐.大家都是工作几年的,各种感慨,对于工作中的零零种种.还有对未 ...
随机推荐
- Linux下Java环境变量设置
我用的是oh my zsh,需要修改.zshrc,记一下免得以后忘记在哪儿改的. 如果你用的是自带的terminal那么用文本编辑器打开用户目录下的.bash_profile文件 在.bash_pro ...
- poj 1265 Area（Pick定理）
Area Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 5666 Accepted: 2533 Description ...
- Genotype&&陨石的秘密
Genotype: Genotype 是一个有限的基因序列.它是由大写的英文字母A-Z组成,不同的字母表示不同种类的基因.一个基因可以分化成为一对新的基因.这种分化被一个定义的规则集合所控制.每个分化 ...
- C++域宽设置
域宽设置,域宽填充; 设置域宽, cout<<set[w-width](int n)<<被设置的输出内容 设置填充字符, cout<<setfill(char n) ...
- 常用js效果：选项卡切换
js选项卡,很多网站都会用到,我这里用jquery给整了一个简单但是却很实用的js选项卡,废话不多说,直接上代码: <style> .txtadsblk01{ width:200px;} ...
- FZU2132 - LQX的作业（概率论）
Problem Description LQX在做作业时遇到一个难题不会做,请你帮她计算一下:在N个独立地分布于0和1之间的随机变量排为非递减顺序之后,这些变量中第M个小于等于x的概率是多少? Inp ...
- Linux防火墙iptables学习笔记（三）iptables命令详解和举例[转载]
Linux防火墙iptables学习笔记(三)iptables命令详解和举例 2008-10-16 23:45:46 转载 网上看到这个配置讲解得还比较易懂,就转过来了,大家一起看下,希望对您工作能 ...
- iOS性能优化中的离屏渲染
GPU屏幕渲染有以下两种方式: On-Screen Rendering意为当前屏幕渲染,指的是GPU的渲染操作是在当前用于显示的屏幕缓冲区中进行. Off-Screen Rendering意为离屏渲染 ...
- 简单总结一下NotificationCenter、KVC、KVO、Delegate
将最近总结的最常用的几种设计模式优势与区别自己小结一下,分享给大家. kvo只能用来对属性作出反应,而不会用来对方法或者动作作出反应,是实现一个对象与另外一个对象保持同步的一种方法,能够提供观察的属性 ...
- EPPlus与Excel完美的结合
本文转载:http://www.cnblogs.com/olartan/archive/2012/07/14/2591711.html 笔者近期在公司项目中需要生产比较复杂的Excel报表, 问题点是 ...