单引号、双引号 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日上午,我的小公主顺利的出生于国妇婴.之前各种紧张,各种不安.在不安中的前天晚上陪着来上海的董博士于方先生在人民广场聚餐.大家都是工作几年的,各种感慨,对于工作中的零零种种.还有对未 ...
随机推荐
- C#读取json数据介绍
//using System.Web.Script.Serialization; JavaScriptSerializer serializer = new JavaScriptSerializer( ...
- HTML5与CSS3权威指南.pdf6
第11章 获取地理位置信息 HTML5为window.navigator对象新增了一个geolocation属性 取得当前地理位置 void getCurrentPosition(onSuccess, ...
- wxWidgets学习笔记——在屏幕上画简单的图形和文字
在屏幕上画简单图形和显示图片.处理简单鼠标键盘事件 /*************************************************************** * Name: M ...
- HW4.17
import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...
- C++——cout输出小数点后指定位数
转载自 http://blog.csdn.net/edricbjtu/article/details/41082597
- repeater灵活运用、repeater的commmand用法、如何不用repeater展示数据
实体类: using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <su ...
- mvn开发可执行的java程序
1. 用maven-assembly-plugin插件 2. 在项目的pom文件中加入以下该插件的配置 <span style="font-size:18px;">& ...
- Day 4 @ RSA Conference Asia Pacific & Japan 2016
09.00 – 09.45 hrs Advanced Malware and the Cloud: The New Concept of 'Attack Fan-out' Krishna Naraya ...
- java小算法—大衍数列
题目: 中国古代文献中,曾记载过“大衍数列”, 主要用于解释中国传统文化中的太极衍生原理. 它的前几项是:0.2.4.8.12.18.24.32.40.50 ... 其规律是:对偶数项,是序号平 ...
- java版本 ueditor 在线编辑器 配置
上传文件大小的配置 1. ueditor\dialogs\video\video.js 搜索 file_size_limit 修改这个数值 (这是前台 flash的限制) 2. ueditor ...