jsp页面中修改html元素内容关于单双引号的错误笔记

来源：互联网发布：mac 怎么恢复u盘的文件编辑：程序博客网时间：2024/05/01 01:06

    $(document).ready(function () {        <%            if(rolesList!=null){            StringBuffer sb = new StringBuffer();            for(Role r:rolesList){                sb.append("+"+"'<div>'+'"+r.getRoleName()+"'"+"+'  '+"+"'"+r.getDisplayName()+"'+'</div>'"); // 输出若干行代码            }            String html = sb.toString().substring(1);            %>        //$("#rolesList").html('<div>111</div>'); // 111        //$("#rolesList").html('<div>aaa</div>'); // aaa        //$("#rolesList").html('<div>+'111'+</div>'); // 111        //$("#rolesList").html('<div>+'aaa'+</div>'); // error        //$("#rolesList").html("<div>"+"'111'"+"</div>"); // '111'        //$("#rolesList").html('<div>' + 'aaa' + '</div>'); // aaa        //$("#rolesList").html("<div>"+"'aaa'"+"</div>"); // 'aaa'        //$("#rolesList").html("<div>" + "'aaa'" + "</div>" + "<div>" + "'bbb'" + "</div>"); // 'aaa' 'bbb'        $("#rolesList").html(<%=html%>);        <%}%>    });

结果示例：

AAA 测试角色11 11bbb 测试角色2333 333

在js中用java语言结合html最容易让人搞混出错了，我总结出几点错误经验：

1、$("#ID").html() 的括号中最外层，必须是单引号或者双引号，即 $("#ID").html("xxx") ; $("#ID").html('xxx')

2、单双引号要交替包裹，不能用双引号包裹双引号，也不能单引号包裹单引号

3、要注意java语言中字符串需要用双引号包裹，但字符串变量在js中的值是不带最外层双引号的，

例如String str = "aaa", 但是 $.html(<%=str%>) = $.html(aaa); 若要得到aaa，则需要 $.html('+<%=str%>+');

0 0