周报2016.08.29-2016.09.04

html一片空白，所以网页一些东西其实html有许多简便方法的却不会，所以慢慢积累。
这周说说html的<ul>标签。
从上周的文档上传下载说起，我在一个页面上传了文件后，页面中应该增加一个文件名的超链接然后提供下载，这里可以用<ul>标签.
方法是现在页面中添加一个<ul>标签。
像这样，

</div>
<ul style="margin-top: 10px;" id="docFile"></ul>
</div>

然后在js的文档上传按钮事件中添加一个动态添加超链接的事件。

function uploadFile(){
    var f = document.getElementById("file").value;
    var pos =f.lastIndexOf("\\");
    var fileName = f.substring(pos+1);
    if(fileName==""){
    mini.alert("请选择文件！");
    return ;
    }
                    $.ajaxFileUpload({
                        url:'<c:url value="/portal/common/uploadFile.action"/>',
                        secureuri:false,
                        fileElementId : 'file',
                        dataType : 'json',
                        success:function(data,status){
                        var tmpfileid=data.result[0].tmpfileid;
                 var str="${pageContext.request.contextPath}"+data.result[0].uploaddir+data.result[0].filename;
                 $('#docFile').append("<li id='file"+tmpfileid+"' data-fileid='"+tmpfileid+"'><a  href='"+str+"'>"+fileName+"</a>&nbsp;<a  class='btn-delete' href='javascript:onclick=del("+tmpfileid+")'>删除</a></li>");               
                          },
                         error:function(data,status,e){
                         alert("上传失败");
                          }
                     });
    }

其中$(“docFile”).append是在我刚定义的<ul>域中添加的意思。<li> 生成一个前端是个黑点的行域。