单引号、双引号 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(&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>

时间: 2024-10-28 19:39:38

单引号、双引号 Html转义符 ----2014年12月2日的相关文章

米的建站日记(2014年12月9日)

后台框架准备用struts2.2.3 + spring3.1.0 + mybatis3.1.0 这是在网上找到的一位大牛的demo http://blog.csdn.net/afgasdg/article/details/7392367 额,自己找太麻烦了,就用他的吧 数据库使用mongodb,这个我从来没用过,关系型数据库以前倒是用过,暂且边学边做把.~ ~ 各种jar包,js库,现在加起来快22M了呢. 奇怪,为毛项目启动就报错,我想应该是spring的配置文件还没有和数据库连上,明天准备看

2015微软创新杯Imaginecup大赛报名进行中(报名截止2014年12月31日23:59)

CSDN高校俱乐部与微软官方合作,2015微软创新杯大赛中国区官网落户CSDN高校俱乐部:http://student.csdn.net/mcs/imaginecup2015 在微软官方设置创新杯中国区奖项之外,CSDN高校俱乐部每个竞赛项目特设一等奖.二等奖.三等奖及纪念奖若干名. CSDN高校俱乐部特别奖(获奖者需在高校俱乐部进行过报名备案):详情-> 1. 一等奖(三支团队): 每个竞赛项目一等奖一名,每支团队获得奖金2,000元人民币,团队成员每人尊享2015 CSDN VIP年卡会员:

翻译:Gregory Larsen,2016/02/19(第一版:2014年12月17日)高级T-SQL阶梯1级:使用CROSS JOIN介绍高级T-SQL

原文链接:http://www.sqlservercentral.com/articles/Stairway+Series/119933/ 原文作者:Gregory Larsen,2016/02/19(第一版:2014年12月17日) 系列 本文是"Stairway Series:Stairway to Advanced T-SQL"的一部分 这个阶梯将包含一系列文章,这些文章将在前面两个T-SQL阶梯,T-SQL DML和T-SQL超越基础知识的T-SQL基础上进行扩展. 这个楼梯应

周浩晖 - 斗宴(2014年12月27日)

<死亡通知单:暗黑者> 作 者:周浩晖译 者:系 列:暗黑者出 版:时代文华书局字 数:255千字阅读完成:2014年11月10日

SQL中的引号--学习笔记-2014年12月10日

上午跟着教程写代码的时候,因为SQL语句中多用了''导致整个类的方法不能用.debug花了很长时间,我的方法是整个逻辑流程倒推分段的方法,采用手动赋值的方式检验每个object的method是否正常工作,到最后一直试到SQL的cmd中,这才发现原来直接用SQL语句在cmd中依然返回的是empty set,最后才发现是自己给column也加上了引号. debug是很花时间的,而且有时会让人很气馁,不过从中也是可以学到东西的,最起码这以后我记住了不能在SQL的column中添加引号了.

米的建站日记(2014年12月28日)

正则替换换行符和把 br 替换成换行符 dxycode=dxycode.replace(/<br\s*\/?>/gi,"\r\n"); 来源于:http://www.jb51.net/article/51075.htm 记录一下,以后方便查找. <br/> --------------分割线-------------- <br/> 今天终于做出决定了,偶先不做后台了,现在后台加上数据库弄晕我了.~  先模拟前后台用json进行交互,如

2014年12月18日:CoreOS 服务器磁盘空间不够

下列方法比较粗暴,慎重使用,我的是实验环境. 今天想试试 Docker,结果发现几乎所有命令都不能工作了.经过调查,发现是 Docker 的镜像和 btrfs 目录占用了大部分的空间.于是先删除了 Docker 的镜像 sudo rm /var/lib/docker/containers.再接下来,删除 btrfs 占用的空间 #!/bin/bash for i in `sudo ls /var/lib/docker/btrfs/subvolumes` do echo "Deleting $i&

APICloud SDK_v1.0.74发布说明(2014年12月13日)

APICloud SDK_v1.0.74版本包含文件如下: APICloud AppLoader 版本:v1.0.65 模块: 修复: 1,bookReader添加屏幕亮度控制接口 2,personalCenter在 ios上解决图片为无后缀名的网络路径时加载不出来问题 3,scrollPicture在ios上加载网络图片时第一页和最后一页转换出现空白闪动问题 4,weiXin在android上的支付功能完善 5,aliPay在android上回调url没反应问题 6,scanner在ipad的

时间处理:计算下一天日期,如输入&quot;2004/12/31&quot;(注释2014年12月31日),则输出&quot;2005/1/1&quot;.

/* ============================================================================ Name : Exercise.c Author : haier Version : 0.01 Copyright : Your copyright notice Description : Ansi-style, Compile by Code:Blocks, Platform Linux =======================