HTML怎么动态改变加载不同的js文件

在这里也是可以用jsp来控制的啊，比如：

<script language="javascript">

s1src="<%=requestgetParameter('jsName') %>js"

</script>

function getAppend(data){

//循环

$each(data, function (i, n) {

$('<a></a>')text(nname)appendTo($('#testDiv'))linkbutton({})on('click',function(){message(nid)});

});

function message(ID){

alert("ID="+ID);

}

}

若使用herf引用页面，它会忽略html和head元素，因为js引用是写在head里面的，会加载不了。

1、加载的页面不要存在html，body，head这种标签，因为最后下载完的数据直接添加到DOM对象里面，会导致页面错乱，

2、而且包含script标签时，会重新加载js文件，导致父页的其他扩展被覆盖掉，如加载的页面包含了jquery，会重新加载jquery框架导致父页倒入的easyui扩展被覆盖而导致出错，

3、加载的页面只放需要的html代码就行了，等加载完毕后执行回调给加载的内容加效果。

你好！！

//一个笨方法，从json中取出内容拼成table并追加到body中

$(function(){

    var table_1 = {

              "table": {

                "_width": "600",

                "thead": {

                    

            };

    var jsonTbl = table_1table;                               //获取json中的table

    if(jsonTbl != ""){                                                //如果table不为空

        var $tbl = $("<table/>");                              //创建一个table元素

        $tblwidth(jsonTbl_width)attr("border",1);//设置table1的宽度和边框

        //循环thead中的tr

        $each(jsonTbltheadtr, function(i, _tr){

            var $tr = $("<tr/>");                                 //创建一个tr元素

            //循环tr中的th

            $each(_trth, function(j, _th){

                var $th = $("<th/>");                            //创建一个th元素

                $thtext( _th_text );                                //设置th元素的文本内容

                if(_th_colspan){                                      //如果存在_colspan属性

                    $thattr("colspan", _th_colspan);         //为th元素添加colspan属性

                }

                $trappend( $th );                                   //将th元素追加至tr元素上

            });

            $tblappend( $tr );                                      //将该tr元素追加至table元素上

        });

        //循环tbody中的tr

        $each(jsonTbltbodytr, function(i, _tr){

            var $tr = $("<tr/>");                                 //创建一个tr元素

            //循环tr中的td

            $each(_trtd, function(j, _td){

                var $td = $("<td/>");                           //创建一个td元素

                $tdtext( _td_text );                               //设置td元素的文本内容

                $trappend( $td );                                  //将该td元素追加至tr元素上、

            });

            $tblappend( $tr );                                     //将tr元素追加至table元素上

        })

        //将表格元素追加至body

        $("body")append( $tbl );

    }

};

//还有种使用模板实现的方式，需要引入一个jquerytmplminjs文件，它是个jQuery模板插件

<script id="tbl" type="text/x-jquery-tmpl">

{{if ($data != "")}}

<table width=${_width} border=1 >

{{each $datatheadtr}}

<tr>{{each th}}<th colspan=${_colspan}>${_text}</th>{{/each}}</tr>

{{/each}}

{{each $datatbodytr}}

<tr>{{each td}}<td>${_text}</td>{{/each}}</tr>

{{/each}}

</table>

{{/if}}

</script>

<script>

    $(function(){

        var table_1 = {

              "table": {

                "_width": "600",

                "thead": {

                    

            };

        $("#tbl")tmpl( table_1table )appendTo( $("body") );

    });

</script>

希望对你有帮助！！！

以上就是关于HTML怎么动态改变加载不同的js文件全部的内容，包括:HTML怎么动态改变加载不同的js文件、jquery动态创建html元素并绑定事件、怎么使EasyUI中Panel控件加载另一个页面内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！