关于js的一些小结

这两天。做个小程序,需要用到网页,捡起了不愿接触的javascript。下面是对这几天遇到的问题的一些小结。项目完成前,将持续更新:

1、如何在js中动态的给div添加内容

1
2
var dialog = document.getElementById("div"); //通过ID获取div
dialog.innerHTML="<h1>动态添加</h1>; //innerHTML 获取或者设置包含的内容

2、HTML中,引号多级嵌套怎么处理?

最外面是双引号,然后是单引号,再有的话,则为 " 一般这三层即可;

1
<img src="icon_folder.png" onClick="sendData('{&quot;action&quot;:folder}')"/>

3、js解析json,json格式
在js中,对json格式要求较高,不像在java中,json有个大概就能出来。

1
2
3
4
5
6
7
1)
var json ={'ID':'12','name':'张三' };
var obj = eval(json);

2)
var json = "{'ID':'12','name':'张三' }";
var obj = eval("("+json+")");

注意对比下1,2的差距。第一个本身即为json对象,第二个为string,需要转换成json对象才能解析

4、解析json数组

1
2
3
4
5
6
var json = [{"_id":"529","display_name":"张三","data1":"+8613027201232"},
{"_id":"830","display_name":"李四","data1":"+8613027201234"}];
var objs = eval(json);
for(var i = 0;i<objs.length;i++){
html += "<p>用户名 :"+objs[i].display_name+" 手机号:"+objs[i].data1;
}