首页 > 网站 > WEB开发 > 正文

js对象爆炸的简单示例

2024-04-27 15:09:45
字体:
来源:转载
供稿:网友
     <h1>文件上传与对象爆炸的简单案例</h1>     <script>                var id = 0;        startUpload = function( uploadType, files ){           for( var i = 0, file; file = files[ i++ ]; ){              var uploadObj = new Upload( uploadType, file.fileName, file.fileSize );              uploadObj.init( id++ );           }        };                var Upload = function( uploadType, fileName, fileSize ){            this.uploadType = uploadType;            this.fileName = fileName;            this.fileSize = fileSize;            this.dom = null;        };                Upload.PRototype.init = function( id ){           var that = this;           this.id = id;           this.dom = document.createElement("div");           this.dom.innerHTML =                          '<span>文件名称:' + this.fileName + ', 文件大小:' + this.fileSize + '</span>' +                         '<button class="delFile">删除</button>';           this.dom.querySelector( '.delFile' ).onclick = function(){              that.delFile();           };           document.body.appendChild( this.dom );        };                Upload.prototype.delFile = function(){           if( this.fileSize < 3000 ){              return this.dom.parentNode.removeChild( this.dom );           };                      if( confirm( "确定要删除该文件么?" + this.fileName )){              return this.dom.parentNode.removeChild( this.dom );           }        };                startUpload( "plugin", [           {              fileName: "1.txt",              fileSize: 1000           },           {           	  fileName: "2.txt",              fileSize: 2000           },           {              fileName: "3.txt",              fileSize: 5000           }        ])     </script>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表