js转义符的妙用：解决 以0开头的字符串传值 –以及– 传值过程中会出现乱码的问题

上例子

下面是我要通过这个id对这条信息进行修改，然而这个id是以0开头的；传过去的值是不正确的；



//这些是js里面的操作
<SCRIPT LANGUAGE="JavaScript"> 
var id=021341;
<button type="button" id="update" onclick="update('+id+')" class="btn btn-primary">修改</button>
function update(id){
        alert(id);//这时你会发现你的代码没错，但这里传过来的值就是错误的
}
</SCRIPT>



解决办法

这是因为没有对单引号进行转义，当你在JS传值有问题的话，你用转义符去转义后会发现值才是正确的； 
转义符：“\”



//对id这个值进行转义\''+id+'\'
<button type="button" id="update" onclick="update(\''+id+'\')" class="btn btn-primary">修改</button>

转义后，传值正常。

详解js转义符

通常，我们在动态给定一个container的innerHTML时，通常是样做的： 



<div id="divc" /> 
<SCRIPT LANGUAGE="JavaScript"> 
var div = document.getElementById("divc"); 
var html = "" 
html += "" 
+ "<h1>" 
+ "<a href='javascript:;' onclick=\"alert('javascript')\">DHTML innerHTML propery.</a>" 
+ "</h1>"; 
div.innerHTML = html; 
</SCRIPT> 

写得习惯了的话，倒也不麻烦，但有没有更简单的一个方法呢？请看下面的例子： 



<SCRIPT LANGUAGE="JavaScript"> 
var html='\ 
<table width="100%" border="0" cellspacing="0" cellpadding="0">\ 
<tr>\ 
<td> </td>\ 
</tr>\ 
<tr>\ 
<td> </td>\ 
</tr>\ 
</table>\ 
'; 
alert(html); 
</SCRIPT> 

是不是没有这么麻烦了？但还是要有几点注意，看下面的例子 



<SCRIPT LANGUAGE="JavaScript"> 
//要用\'把单引号转义 
var html='\ 
<h1>\ 
javascript技巧\ 
</h1>\ 
<a href="javascript:;" onclick="alert(\'javascript\')">javascript转义</a></font>\ 
<br/>\ 
power by \'blueDestiny, never-online\'\ 
'; 
alert(html); 
</SCRIPT> 

该转义的地方还是得用”\” 

剖析原理：

这个是我自己的个人观点，如果有不对的地方，请指出：  

还是看个例子： 



<SCRIPT LANGUAGE="JavaScript"> 
//s1和s2的字符a前都有一个空格 
s1='\ 
a'; 
s2=' a'; 
document.write("s1: " + s1.length + "\ns2: " + s2.length); 
</SCRIPT> 

输出结果：  

s1: 2  s2: 2 


  
也就是说转义符将回车转义掉了！


再看个例子： 



<SCRIPT LANGUAGE="JavaScript"> 
//下面这个字符串是有空格的，也就是这样s1='\ 的。 
s1='\  
a'; 
document.write("s1: " + s1.length); 
</SCRIPT>

输出错误，错误提示：未结束字符串常量。  

也就是说是多加了一个空格的原因。那再这样试试 



<SCRIPT LANGUAGE="JavaScript"> 
s1='\ \ 
a'; 
document.write("s1: " + s1.length); 
</SCRIPT> 


  
结果很明显了， 
在字符串中，”\”转义符可以将回车转义掉（也就是回车符不存在了），但是不能将制表符，以及空格字符转义（它们是存在的，上面的例子说明了这一点）。 


最后，给大家一个小tips，还记得上面的这个代码吗？ 



<SCRIPT LANGUAGE="JavaScript"> 
//要用\'把单引号转义 
var html='\ 
<h1>\ 
javascript技巧\ 
</h1>\ 
<a href="javascript:;" onclick="alert(\'javascript\')">javascript转义</a></font>\ 
<br/>\ 
power by \'blueDestiny, never-online\'\ 
'; 
alert(html); 
</SCRIPT> 

仔细观察弹出来的模态框，看看字符串是怎么样的？应该就会明白了。



js特殊字符转义介绍

特殊字符
  
符号
  
转义符
点
  
.
  
\u002E
美元符号
  
$
  
\u0024
乘方符号
  
^
  
\u005E
左大括号
  
{
  
\u007B
左方括号
  
[
  
\u005B
左圆括号
  
(
  
\u0028
竖线
  

  
\u007C
右方括号
  
]
  
\u005D
右圆括号
  
)
  
\u0029
星号
  
*
  
\u002A
加号
  
+
  
\u002B
问号
  
?
  
\u003F
反斜杠
  
\
  
\u005C




总结

因为我是做后端开发的，当时遇到这个问题后，问了好几个大神都不知道怎么回事，就觉得很奇怪；然而问了一下前端大神，迎刃而解了。 

这是后端开发必须锁掌握的一个技巧—–js转义符

1、class或都id中含有“.”,“#”等特殊字符

在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符，如果按照普通方式处理就会出错，解决方法是用转义符转义。

在下面程序中：

<div id="id.a">aaaaa</div>

<div id="id#b">bbbb</div>

<div id="id[1]">cccc</div>

按照我们习惯的普通方式jQuery选择器获取:

$("#id.a"),$("#id#b") 这样来获取是错误的，根本不能正确的获取

正确的方法如下：对特殊字符，转义一下

jQuery代码：

$("#id\\.a");

$("#id\\#b");

$("#id\\[1\\]");

 

2、属性选择器的引号问题

属性选择器中，值的引号是可能可元的，但有些特殊情况却必须有。比如：属性中含有“]”特殊字符。

<div title="name[1]a">aaaa</div>

如果属性值不加引号，jQuery代码：

$("div[title=name[1]a]");

会获取不到。解决方法是加上引号，正确的做法是：

$("div[title="name[1]a"]");

 

 

 

 

 

下面的表格列出了其余的特殊字符，这些特殊字符都可以使用反斜杠来添加到文本字符串中：
代码输出
\'
单引号
\"
双引号
\&
和号
\\
反斜杠
\n
换行符
\r
回车符
\t
制表符
\b
退格符
\f
换页符

如果用|做split的分隔符，一定要进行转义
 2018-06-27 16:11:08     0     0     0
story:今天遇到如下一个需求，用|做分隔符一直不能取出正确结果，虽然很简单，但还是记一下
用逗号分隔不用转义
如果用|做split的分隔符，一定要进行转义
如果用|做分隔符，[0]取出来是234.7的2
[1]取出来是234.7的3
下面这样是可以的

【填空题】Python使用____作为转义符的开始符号。
【单选题】本工程墙体做法,以下说法正确的是  (   ) 。
【多选题】现浇板板上预留的孔洞,说法正确的是(   )。
【填空题】____符号用于Python代码中的单行注释。
【多选题】下列说法正确的为  (   ) 。
【多选题】本工程屋面防水,影响防水等级的主要因素有(   )。
【单选题】本工程屋面相关,以下说法正确的是  (   ) 。
【单选题】本工程基础平面布置图中,D轴交14轴的独立基础JC6,对应框架柱KZ13,该框架柱的角筋锚入独立基础后,锚固区横向箍筋(非复合箍)应满足  (   ) 。
【单选题】本工程桩基础施工,不符合一般性要求的是(   ) 。
【多选题】结施二层梁配筋图,D轴线上WKLa3(2A) 250x600,关于其箍筋下列正确的是(   )。
【单选题】下面代码的输出结果是( ):
【多选题】本工程电梯机房吊钩,下列说法正确的是(   )。
【填空题】给出如下代码,输出结果是:____。
【多选题】结施二层梁配筋图,D轴线上WKLa3(2A) 250x600,关于纵筋做法下列正确的是(   )。
【填空题】Python中如果想知道某个变量的类型使用____方法;要计算字符串的长度用____方法;要对数值进行四舍五入用____方法;要从键盘输入字符串用____方法。
【多选题】高层与多层的区分:以下属于多层的是(   )。
【单选题】以下选项中,不是Python中文件操作的相关函数是:
【填空题】给出如下代码,请写除输出结果:____。
【单选题】以下选项中,不是Python文件打开的合法模式组合是:
【多选题】本工程墙体,以下说法错误的是  (   ) 。
【填空题】给出如下代码,输出结果是:____。
【单选题】二层梁配筋图中,D~E轴交9轴,WKLa1(1) 图纸表达有误的地方是  (   ) 。
【单选题】在读写文件之前,必须通过以下哪个方法创建文件对象:
【多选题】关于建筑平面图投影规则的正确说法有(   )。
【多选题】建筑单体的平、立、剖面图中,“建筑标高”的正确定义有(   )。
【单选题】以下代码的执行结果为:
【多选题】立面图的绘制原则有(   )。
【多选题】二层梁配筋图中,8~10轴交H轴范围内,KL22(7) 250x700的说法正确的是  (   ) 。
【单选题】对于字典d={'abc':1, 'qwe':2, 'zxc':3},len(d)的结果为:
【多选题】以下说法正确的是(   )。
【多选题】本工程,关于基础的说法正确的是(   )。
【多选题】结施二层梁配筋图,D轴线上WKLa3(2A) 250x600,下列说法正确的是(   )。
【多选题】楼梯详图中, 以下说法正确的是(     ) 。
【填空题】给出如下代码: MyStr="Hello World!";请给出能够输出“World”子串的语句:print(____)。(注意:请区分字母大小写!)
【单选题】楼梯详图中, TB1 ,以下说法正确的是  (   ) 。
【填空题】给出如下代码,输出结果是:____。
【单选题】tkinter库中的Canvas控件,画布的原点在那里:
【单选题】以下内容那个不属于IPO模型:
【多选题】关于本工程屋面,下列说法正确的是(   )。
【填空题】给出如下代码,输出结果是:____。
【单选题】字典d={'abc':123, 'def':456, 'ghi':789},len(d)的结果是:
【单选题】本工程基础的做法,不正确的是(   ) 。
【填空题】控件布局常用____、____、____三种方法。
【多选题】按照平法图集11G101-1的要求,当梁侧面构造筋的拉筋未注明时,以下做法不正确的是(   )。
【单选题】以下代码中,那个引用turtle库的代码仅能初始化turtle对象,却不能设置画布或绘制其它图形:
【多选题】下列因素中与普通钢筋混凝土保护层厚度无关的是(   ) 。
【单选题】本工程结施二层楼面板结构平面布置图中,1~2轴交K轴处,楼板板底筋配筋为(   )。
【单选题】本工程以下说法正确的是  (   ) 。
【判断题】Python语言中使用空格来标记程序框架结构: A、 对 B、 错
【多选题】本工程的砖外墙表面,主要采用的装饰材料是(   )。