js输出html代码 - 换行、夹杂java代码、整段输出、夹杂JSTL代码等情况

<strong>以下代码实测可用，是开发中的实例。</strong>


/*
换行必须加 + ，插入java代码必须重新(html +=)相当于重新加了一段html代码！
*/
//列出该课程(对象)的课程列表,re-对象，ro-对象的长度
function courselist(re,ro){
    //alert("come in 2"+ re + '..'+ ro);
    var html = '';
    for (var i = 0; i < ro; i++) {
        //alert(re[i].serialNumber+'....'+re[i].thumbimgUrl+'......'+re[i].resourceType);
        if(re[i].serialNumber == -1) {
            rowcount -= 1;
            continue;
        }else {
            html += '<div id="c' + re[i].serialNumber + '" class="cha normal"> '+
                        '<div class="mask">播放中...</div> '+
                        ' <div class="pic"> '+
                            '<img src="' + re[i].thumbimgUrl + '" width="157" height="101" /> '+
                            '<div class="category';if(re[i].resourceType=="MP4"){ html += ' video' }else if(re[i].resourceType=="JPG"){ html += ' picture' }else if(re[i].resourceType=="MP3"){ html += ' music' }; html += '" id="play' + re[i].serialNumber + '" onclick="startPlay(' + re[i].serialNumber + ',\'' + re[i].resourceType + '\',\'' + re[i].resourceUrl + '\');"></div> '+
                        '</div> '+ 
                        '<div class="name">< 第' + re[i].serialNumber + '集 ></div> '+
                    '</div>';

            if(re[i].serialNumber == 1) {
            	startPlay(re[i].serialNumber,re[i].resourceType,re[i].resourceUrl);
            }
            //html += '<li><div class="dd">·</div><div class="dt">' + re[i].serialNumber + '......' + re[i].resourceType + '</a></div></li>';                   
        }
    }
    if(0< rowcount && rowcount <= 6){	
    	$(".chasf .prev").hide();
    	$(".chasf .next").hide();
        $(".chasf .chas .switchshow").css("width",-rowcount*perwidth);
    }else {
    	$(".chasf .prev").hide();
    }
    $('.switchshow').html(html);
}



/*
整段整行输出没有那么多事，就是单引号里面是双引号
*/
//播放视频和播放图片显示不同的样式, i-serialNumber, form-resourceType, reUrl-resourceUrl
function startPlay(i,form,reUrl) {
    $(".chasf .chas .category").fadeIn("fast");
    $("#play"+i).fadeOut("slow");

    if(form == "MP4"){
        $("#player").html('<iframe src=' + reUrl + ' scrolling="no"></iframe>');
    }else if(form == "JPG"){
        $("#player").html('<div class="image"><p class="middle-img"><img src=' + reUrl + '></p></div>');
    }
 }