C#后台调用js的时候 自动换行的问题

Question

public void GetCSS()
    {
        List<string[]> listStr = frameManage.GetCss(frameId, frameType);
        Frame fff = new Frame();
        fff = frameManage.ReadFrame(frameType, frameId);
        switch (listStr.Count)
        {
            case 4:
                //string js = "<script>document.getElementById('bigImageProducts').src='" + fff.FrameImagePath + "'</script>";
                StringBuilder strJs = new StringBuilder("<script>document.getElementById('bigImageProducts').src='");
                strJs.Append(fff.FrameImagePath);
                strJs.Append("';");
                strJs.Append("$('#products_xiangkuang_zong').innerHTML='");
                strJs.Append(GetDiv(listStr));
                strJs.Append("'");
                strJs.Append("</script>");
                string js = strJs.ToString();
                ClientScript.RegisterStartupScript(GetType(), "js", js);
                break;
            case 3:
                break;
            case 2:
                break;
            case 1:
                break;
            default:
                break;
        }
    }    public StringBuilder GetDiv(List<string[]> str)
    {
        StringBuilder strDiv = new StringBuilder("<div id='products_xiang1' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='");
        strDiv.Append(str[0][5]);
        strDiv.Append("' /></div>");
        for (int i = 1; i < str.Count; i++)
        {
            strDiv.Append("<div id='products_xiang");
            strDiv.Append(i+1);
            strDiv.Append("' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='");
            strDiv.Append(str[i][5]);
            strDiv.Append("' /></div>");
        }
        return strDiv;
    }生成strDIV的结果是     在html上面显示  如同下面一下 到getElementById那里就开始自动换行了  这个是啥原因啊?<script>document.getElementById('bigImageProducts').src='Images/FrameImage/goods3.png';$('#products_xiangkuang_zong').innerHTML='<div id='products_xiang1' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src=' Images/products/xiangkuang1.jpg' /></div><div id='products_xiang2' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='  Images/products/xiangkuang2.jpg' /></div><div id='products_xiang3' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='  Images/products/xiangkuang3.jpg' /></div><div id='products_xiang4' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='  Images/products/xiangkuang4.jpg' /></div>'</script>

Answer 1

string js = strJs.ToString();
这里断点下js是什么?有没有换行

Answer 2

我那里设置过断点了!~   但是显示是没有换行的  不知道为什么  到最后生成页面的时候  在html的源文件里面就换行了 还报js的错误   查看的时候就发现换行了  我把图发你邮箱里去

Answer 3

还是不行啊!~  生成的代码块还是不对!~~~``
document.getElementById('products_xiangkuang_zong').innerHTML="<div id='products_xiang1' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang2' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang3' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang4' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div>"

Answer 4

<div id='products_xiang1' class='products_xiangkuang'>\\\r\n
<img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang2' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang3' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang4' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px; ' src='Images/products/xiangkuang1.jpg' /></div>所有的换行的地方用\\然后再\r\n

Answer 5

用这样的方法之后  代码会变成这个样子  
 document.getElementById('products_xiangkuang_zong').innerHTML="<div id='products_xiang1'\
 class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px;\
 ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang2' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px;\
 ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang3' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px;\
 ' src='Images/products/xiangkuang1.jpg' /></div><div id='products_xiang4' class='products_xiangkuang'><img  style=' margin:5px 5px 5px 5px; width:71px; height:68px;\
 ' src='Images/products/xiangkuang1.jpg' /></div>"</script></form> 

Answer 6

ok了 删下去了几个字符\之类!~  就出来了  纠结  不知道是哪错了!~   js好强大  也许是一个符号的问题       囧