JS 三层引号嵌套

JavaScript017

JS 三层引号嵌套,第1张

eval("var star"+i+"=" + document.getElementById("star"+i).value)

就是这样，你只要记住

"var star" 是一个整体

i 是一个整体

"=" 是一个整体

document.getElementById("star"+i).value 是一个整体

再用+连接起来

他们都是字符串或数字类型

使用递归，下面是一个JSON转String的函数应该会对你有所帮助

function jsonToString (obj){  

var THIS = this   

switch(typeof(obj)){  

case 'string':  

return '"' + obj.replace(/(["\\])/g, '\\$1') + '"'  

case 'array':  

return '[' + obj.map(THIS.jsonToString).join(',') + ']'  

case 'object':  

if(obj instanceof Array){  

var strArr = []  

var len = obj.length  

for(var i=0 i<len i++){  

strArr.push(THIS.jsonToString(obj[i]))  

}  

return '[' + strArr.join(',') + ']'  

}else if(obj==null){  

return 'null'  

}else{  

var string = []  

for (var property in obj) string.push(THIS.jsonToString(property) + ':' + THIS.jsonToString(obj[property]))  

return '{' + string.join(',') + '}'  

}  

case 'number':  

return obj  

case false:  

return obj  

}  

}

<style>

.box {display:flexmargin:100px 100px}

.box img {position:relativeheight:200pxtransition:all 0.5sz-index:1box-shadow:0 0 1px #000}

</style>

<div class="box">

<img src="图片1"/><img src="图片2"/><img src="图片3"/><img src="图片4"/><img src="图片5"/>

</div>

<script type="text/javascript">

$(function(){

$(".box img").click(function(){

$(".box img").css({"transform":"scale(1,1)","z-index":"1","box-shadow":"0 0 1px #000"})

$(this).css({"transform":"scale(1.6,1.6)","z-index":"3","box-shadow":"0 0 10px #000"})

if($(this).prev())$(this).prev().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})

if($(this).next())$(this).next().css({"transform":"scale(1.3,1.3)","z-index":"2","box-shadow":"0 0 5px #000"})

})

})

</script>

需要引用jquery