js字符串拼接中关于单引号和双引号的那些事 - 张营的技术博客

link之家
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
2.复杂参数拼接问题(JSON对象拼接)

拼接字符串或数字等简单参数，可以随意使用单引号或双引号当作外层，但是在复杂的数据结构当作参数的时候就有区别了，比如JSON对象。
(1)Plan A 单引号做外层

var obj = {username: 111};
var objStr = JSON.stringify(obj);
var html = '<a href="javascript:doThing('+objStr+')">doThing</a>';
$("body").append(html);
function doThing(param){
    console.log(param);
tips: 这里JSON.stringify(obj) 是因为参数里不能直接传递json对象，需要转成json字符串，这里使用的是外层用单引号，里层用双引号，理论上点击a标签的时候会打印json字符串的。但是，事实并非如此： 

再看看添加到页面上的a标签是啥样的： 

显然这里引号嵌套是错的，所以点击会报错的。那么问题来了，为什么会变成这样呢？？？这个问题先留着后面讨论，先试下另一种方案。
(2)Plan B 双引号做外层
var obj = {username: 111};
var objStr = JSON.stringify(obj);
var html = "<a href='javascript:doThing("+objStr+")'>doThing</a>";
$("body").append(html);
function doThing(param){
    console.log(param);
这里将html 的双引号和单引号替换后，结果惊人： 

竟然是打印出来了，而且还是json对象，不是json字符串。
1.json/obj对象不能直接当参数拼接字符串，需要转换成字符串； 

2.JSON.stringify()函数默认会将json对象中的key 加上双引号；
也就是说我们要拼接的参数(json字符串)里面默认就有了双引号，这里只有外层用双引号才能正确拼接。                    
				    项目中经常遇到对ajax提交后返回的结果动态显示在页面上，这时候就需要在js中进行字符串的拼接。额...其实普通的拼接字符串并没多大难度系数，只要保证单引号和双引号相间就可以了。但是，如果在拼...
											来自：	 日技
				在各种编程语言中均有字符串数据类型，但在JavaScript中的使用较为特殊，JavaScript中的字符串类型可以同时使用双引号（“”）或单引号（‘’）作为界定符，例如：varstrDemo1="t...
											来自：	 lemmata的博客
				1.JS中拼接HTML遇到转译单双引号问题   最外层使用单引号拼接时，属性及方法使用双引号，方法中需要传参数类型为字符串时则需要进行转译，否则参数显示到页面会有错误，点击方法是报错如下：     加...
											来自：	 weixin_39550744的博客
				这几天一直在画页面，身为开发人员的我之所以要画页面是因为当前项目中的页面上所有的东西都是从数据库中取得的，也就是动态的，类似于我们设计自己的个人QQ空间，但因为是大型平台，有自定义业务的概念，所有更为...
											来自：	 小凯凯的博客
				1单引号和双引号在使用的时候一般有两种写法：（1）双引号嵌套单引号&quot;&quot;(常用)（2）单引号嵌套双引号’’(不常用)2写字符串拼接的时候要注意引号不要写乱了，正确的做法是(如双引号为...
											来自：	 Dong_Fangyang的博客
				&amp;lt;divid=&quot;goods&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;scriptsrc=&quot;https://code.jque...
											来自：	 resilient的博客
			var str = "<s:property value='stbprstAddr.id'/>"; alert(str);// 弹出的对话框里面是stbprstAddr.id的值。 str已经不是字符
			问题描述： 在动态拼接字符串时，我们常会用到字符拼接，我对拼接的引号不理解，如： 1、'''+ id +''' 为什么是3个引号，为什么左边一个加号右边一个加号（能不能着重帮我解释下这个，详细点） s
				一：方法d=d.replace(&quot;\&quot;&quot;,&quot;&quot;).replace(&quot;\&quot;&quot;,&quot;&quot;);如果不确定有多少...
											来自：	 前端技术的学习整理
				今天写“删除”超链接，试了两次：$onclick="javascript:returnconfirm(/”Areyousuretodelete?/”);";echo"删除";点击“删除”按钮，没有co...
											来自：	 一步一跳
				js中双引号与单引号代码块双引号中嵌套双引号引起的问题错误代码:varli=&quot;&amp;lt;li&amp;gt;&amp;lt;ahref=&quot;#&quot;&amp;gt;&qu...
											来自：	 业余码农-better4
				我们在Jsp页面中使用HTML动态添加一些页面的元素，比如Input、button，但是在这些标签中添加绑定事件，或者动态拼接的过程中，使用双引号（“”“”）或者单引号的，但是对于JS或者JQuery...
											来自：	 baidu_luoxin的博客
				在利用JQuery动态的操作DOM时，往往需要添加一些比较复杂的内容，比如：利用JQuery动态生成一个复杂的表头，再给表头的的文字添加一些事件：点击某个列名，对该列进行排序什么的。如果直接写在HTM...
											来自：	 wangyinbin的专栏
			有个JS问题，是关于脚本中引号分隔字符串与数字的： var strTmp = "511,511,511,511,511|'2009-03-06','2009-03-07','2009-03-08'";
			function showvoidcondiment(btn,pcaption){ var p = document.getElementById('showvoidcondiment'); if
				转自https://blog.csdn.net/ya_1249463314/article/details/537814591.引入在jquery或者js中拼接字符串时，使用单引号和双引号是没有区别的...
											来自：	 resilient的博客
				1.引入在jquery或者js中拼接字符串时，使用单引号和双引号是没有区别的，都可以被成功解析成字符串，但是，在一些复杂的字符串拼接时，需要单引号和双引号的混合使用时，就需要注意了。最近在项目中写js...
											来自：	 sunpy
				知乎注册知乎登录提问知乎搜索搜索首页话题发现前端开发JavaScript前端工程师JavaScript中字符串变量使用单引号和双引号的利弊？最近在做一些规范的工作，这个点没想明白，到底单引号和双引号有...
											来自：	 我要做一个大侠的博客
				文章目录使用场景使用案例使用场景页面动态加载数据的时候，经常需要拼接数据后再放入Dom使用案例varstr='';str+='&amp;lt;ahref=&quot;javascript:void(0...
											来自：	 qq_28875221的博客
				varitemName=(&quot;&amp;lt;th&amp;gt;&amp;lt;atarget=′self′href=′(&quot;&amp;lt;th&amp;gt;&amp;lt;at...
											来自：	 jay_888的博客
				js中单引号，双引号的用法单引号：&apos双引号：&quot单引号的例子： 'aaa' 双引号的例子：onclick="WdatePicker({dateFmt:&quot;yyyy-MM-dd&q...
											来自：	 小小谭——的博客
				&amp;lt;?php//变量字符串/数值$a='select*fromtest';//变量：字符串的定义$a1=123;//变量：数值的定义$a2='slfjoeow';//打印 echo$a,'...
											来自：	 fengle226的博客
				      JSP中常见单双引号问题：JSP中主要分三块代码的书写      分别是&amp;lt;%java代码%&amp;gt;&amp;lt;!-html代码-!&amp;gt;&amp;lt;...
											来自：	 Java后端开发
				更多文章访问我的博客：http://www.caoyong.xin:8080/bloggerJavaScript中的单引号和双引号今天来聊一聊单引号和双引号在JavaScript中的使用，做web的经...
											来自：	 Yong的博客
				转自：http://zhidao.baidu.com/question/1604158647539253867.html$a=1;echo$a;//1echo"$a";//1echo'$a';//$a...
											来自：	 看不过的黑工坊
			操作过程： 1、一个配置文件是json格式的 2、读出配置文件内容后用eval()解析成json对象 3、在程序中对json对象某些key的value进行修改 4、把修改过的json对象stringi
				最近在使用javascript编程,遇到使用字符串的情况写了一点测试代码varstr='ThisisJack';varstr2='ThisisTom';varstr3='Thisis"Rose"';v...
											来自：	 irXiang的专栏
				1.在html文件中含有ejs语法的时候，注释掉这部分代码webpack打包时会报错  原因是不能对ejs语句中含有固定引用的语句进行注释   scriptsrc="">这种固定的引用  解决办法：删...
											来自：	 QMM的专栏
				/*将两个字符串NSString*str1=@"123";NSString*str2=@"abc";拼接成⼀一个完整的字符串。*/#importintmain(intargc,constchar*ar...
											来自：	 FIGHTING的专栏
			从后台返回数据是 json类型的，使用的是 Newtonsoft.Json中的JsonConvert.SerializeObject()这个方法。如下所示： var s = ''; 注意：a1值中的双
				在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象  JSON字符串:   varstr1='{&quot;name&quot;:&quot;cxh&quot;,&q...
											来自：	 github.com/starRTC
				最近在做项目时候要将链接触发一个事件，需要拼接函数名称而且动态传入参数，结果参数引号一直引起js报错，经过研究发现了正确的写法，如下：1.当函数只有一个参数时候，按照下面的写法即可 "删除"; 即在参...
											来自：	 cjx1991的博客
				今天开发过程中遇到一个问题，我需要用xajax动态输出一个select下来菜单，程序结果如下：foreach($seras$val)	{	$sScript="varobjOption=newOptio...
											来自：	 cqinter的专栏
				本以为js是弱语言,对语言的要求不高,但是今天遇见一个坑,在js代码中编写el表达式,却一直没反应,代码如下$(function(){	varmsg=${msg};		if(msg!=null&&ms...
											来自：	 zlt_1222的博客
				js变量的命名规则　标识符只能由字母、数字、下划线和‘$’组成　数字不可以作为标识符的首字符(纯数字除外：js会自动将数字转化为字符串类型)　JSON语法：是JavaScript对象表示法语法的子集1...
											来自：	 飞扬_柳絮的专栏
				今天又碰到一个很坑的地方，下面用例子来阐述 首先我们在jsp语句中定义了两个变量，一个是int一个是String&amp;lt;%inta=1;Stringb=&quot;haha&quot;;%&a...
											来自：	 Koliday的学习之路
			alter procedure sp_bdc @a varchar(50) as /* exec sp_bdc abcd */ declare @b as varchar(50) set @b=@a
			declare a dba_data_files.file_name%type; begin select substr (file_name,0,instr(file_name,'\',-1,1))
				Oracle字符串拼接单引号1.首尾单引号为字符串识别标识,不做转译用2.首尾单引号里面如果出现的单引号，并且有多个,则相连两个单引号转译为一个字符串单引号3.单引号一定成对出现,否者这个字符串出错,...
											来自：	 woshimyc的专栏
				(1)针对双引号“”的使用：html=&quot;&amp;lt;ahref=\&quot;javascript:void(0)\&quot;onclick=\&quot;getSubContent(...
											来自：	 海紫苑打不死马小跳的博客
				+&quot;&amp;lt;spanclass='layui-breadcrumb'lay-separator='|'style='visibility:visible;'&amp;gt;&quot...
											来自：	 钢ge的博客
				单双引号多重嵌套时可使用转义符#quot;表示双引号（#替换为&amp;amp;），如下：$(elementPopup).popover({'placement':'top','animation':...
											来自：	 i9ni
				帐号相关流程注册范围n企业n政府n媒体n其他组织换句话讲就是不让个人开发者注册。 :)填写企业信息不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。填写公司机构信息,对公账...
											来自：	 小雨同学的技术博客
				1.从pyCharm提示下载PIL包nn http://www.pythonware.com/products/pil/nn nn2.解压后，进入到目录下nnncd /Users/jianan/Dow...
											来自：	 专注于cocos+unity+node.js全栈网游开发
				MATLAB编程题rn题目描述：从一个NxM的矩阵C中找出与1xM的矩阵P欧氏距离最小的某一行row，要求不能用循环！！！rn输入：矩阵C(NxM)、矩阵P(1xM)rn输出：rowrnrnrn解题思...
											来自：	 henryzhihua
				jquery/js实现一个网页同时调用多个倒计时(最新的)nn最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己按需写了个.希望对大家有用. 有用请赞一个哦!nnnn//jsn...
											来自：	 Websites
				卷积神经网络是深度学习的基础，但是学习CNN却不是那么简单，虽然网络上关于CNN的相关代码很多，比较经典的是tiny_cnn（C++）、DeepLearnToolbox（Matlab）等等，但通过C语...
											来自：	 tostq的专栏
				扫二维码关注，获取更多技术分享nnn  本文承接之前发布的博客《 微信支付V3微信公众号支付PHP教程/thinkPHP5公众号支付》必须阅读上篇文章后才可以阅读这篇文章。由于最近一段时间工作比较忙，...
											来自：	 Marswill
				一、定义状态(State)模式又称为状态对象模式(Pattern of Objects for State),状态模式是对象的行为模式。状态模式允许一个对象在其内部状态改变时改变其行为，用于解决系统中...
											来自：	 小小本科生成长之路
				最近比较有空，大四出来实习几个月了，作为实习狗的我，被叫去研究Docker了，汗汗！nnDocker的三大核心概念：镜像、容器、仓库n镜像：类似虚拟机的镜像、用俗话说就是安装文件。n容器：类似一个轻量...
											来自：	 我走小路的博客
				本篇文章是根据我的上篇博客，给出的改进版，由于时间有限，仅做了一个简单的优化。相关文章：将excel导入数据库2018年4月1日，新增下载地址链接：点击打开源码下载地址十分抱歉，这个链接地址没有在这篇...
											来自：	 Lynn_Blog
				一、Windows设置1.点击开始->运行，在对话框中输入”services.msc”，回车，打开windows服务管理器。2.在服务列表中选中”VMware USB Arbitration Serv...
											来自：	 fendoubasaonian的专栏
				一、概述最近在springboot项目引入thymeleaf模板时，使用非严格标签时，运行会报错。默认thymeleaf模板对html5标签是严格检查的。二、在项目中加NekoHTML库在Maven中...
											来自：	 Luck_ZZ的博客
				本文介绍如何使用VS2015作为编译开发环境，调用OpenCV3.31和Qt5.9.1写图像处理的GUI。rn1.目录结构rn假设我们要创建一个名为VideoZoom的工程，那么首先按下图构建目录结构...
											来自：	 zhhp1001的博客