'----单引号 "-----双引号

在一个网页中的按钮，写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(&quot;OK&quot;);" />

这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。

两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用&quot;，此外还可以使用："、'。

下面列出各种表达方法：

<!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转义字符'&quot;(& q u o t ;)'-OK" type="button" onclick="alert(&quot;OK&quot;);" />

<br />

<input value="HTML转义字符'&apos;(& a p o s ;)'-OK"type="button" onclick="alert(&apos;OK&apos;);" />

<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日的更多相关文章

  1. 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 ...

  2. 2014年12月20日00:33:14-遮罩+进度条-extjs form.isvalid

    1.Extjs : 遮罩+进度条 2.Extjs: extjs form.isvalid http://stackoverflow.com/questions/19354433/extjs-form- ...

  3. 时间处理：计算下一天日期,如输入"2004/12/31"(注释2014年12月31日)，则输出"2005/1/1".

    /* ============================================================================ Name : Exercise.c Au ...

  4. 【2014年12月6日】HR交流会

    今天的交流会感觉还是不错,体会到了一些东西,把它记下来. 想到什么写什么,可能没什么条理. 1.先选行业,再选职业,再选公司 根据自己的兴趣以及个人特长,能力等方面,需要定一个大概的方向,然后根据方向 ...

  5. 2015微软创新杯Imaginecup正在进行参赛（报名截止日期2014年12月31日本23:59）

    CSDN高校俱乐部与微软官方合作,2015微软创新杯大赛中国区官网落户CSDN高校俱乐部:http://student.csdn.net/mcs/imaginecup2015 在微软官方设置创新杯中国 ...

  6. Linux中的元字符和转义符 单引号 硬引号 双引号 软引号

    Linux中的元字符和转义符  单引号  硬引号  双引号  软引号 Linux就这个范儿 Linux就这个范儿 P182单引号:硬引号,所有元字符特殊意义都会关掉双引号:软引号,只允许出现特定元字符 ...

  7. 转发：【PHP】转义和过滤html单、双引号及HTML标签

    一.单引号和双引号转义在PHP的数据存储过程中用得比较多,即往数据库里面存储数据时候需要注意转义单.双引号: 先说几个PHP函数: 1.addslashes — 使用反斜线引用(转义)字符串: 返回字 ...

  8. PHP中单引号双引号使用原则

    PHP中单引号双引号使用原则   1.PHP中尽量用单引号,HTML代码全部用双引号   2.在包含变量的时候,用双引号可以简化操作   3.复杂的情况下用大括号包起来   4 PHP引号还有一个用处 ...

  9. 2014年7月10日，我人生的最重要Upgrade

    2014年7月10日上午,我的小公主顺利的出生于国妇婴.之前各种紧张,各种不安.在不安中的前天晚上陪着来上海的董博士于方先生在人民广场聚餐.大家都是工作几年的,各种感慨,对于工作中的零零种种.还有对未 ...

随机推荐

  1. Mac下快捷键列表

    主界面 command + tab 切换程序 command + ` 在程序内切换界面 command + w 关闭界面 command + q 关闭程序 command + option + esc ...

  2. Delphi 7下使用Log4Delphi 0.8日志组件

    Log4Delphi是一个开放源码项目,旨在制作用于Borland的Delphi高质量实用的日志套件,是基于Apache Software Foundation的log4j包. 安装:         ...

  3. 在MyEclipse配置自己安装的Tomcat（2014.08.18）

    今天因为要在tomcat下运行一个java项目,第一次嘛,遇到了不少问题,总结分享一下: 第一次,我直接将 MyEclipse 生成的项目放到 tomcat 安装目录的 webapps 目录下,运行出 ...

  4. ganglia 无数据问题解决

    用ambari安装了HDP版本的hadoop,dashboard中ganglia的CPU.内存.网络等监控没有数据,找了很多原因,最后发现是因为rrdcache的时间问题导致的. gmetad的deb ...

  5. Yii框架tips（转）

    yii的一些小的技巧 http://www.yiichina.com/topic/151 db组件 'schemaCachingDuration'=>3600, 为什么不起做用?需要开缓存 如何 ...

  6. asp.net将本地Excel上传到服务器并把数据导入到数据库

    前台代码: <td class="formLabel"> 批量修改: </td> <td class="formInput"> ...

  7. UNITY打包问题

    1,打包有二种,打包可执行程序-player,打包资源包-assetbundle 2,打包player后,在PC平台去看打包后对应的资源大小,发现比原始资源小得多,模型资源压缩率约60%,图资源压缩率 ...

  8. git push 报错

    git push报错误: Git push error: RPC failed; result=56, HTTP code = 200 fatal: The remote end hung up un ...

  9. MariaDB设置主从复制[转载]

     3. MariaDB设置主从复制 标签: mariadbMySQL主从复制 翻译人员: 铁锚 翻译日期: 2013年12月25日 原文链接:  Setting Up Replication 主从复制 ...

  10. easyui常用控件及样式收藏

    CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.tru ...