javascript中substring()、substr()、slice()的区别

substring()

stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符。

substr()

可在字符串中抽取从start下标开始的指定数目的字符.
start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
length 可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

slice()

提取字符串的某个部分，并以新的字符串返回被提取的部分.

function HtmlElement() {    var htmlEles = ["!DOCTYPE","a","abbr","acronym","address","applet","area","article","aside","audio","b","base","basefont","bdi","bdo","big",    "blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","dir",    "div","dl","dt","em","embed","fieldset","figcaption","figure","font","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","i","iframe",    "img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noframes","noscript","object","ol","optgroup",    "option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strike","strong","style",    "sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","tt","u","ul","var","video","wbr"]    this.commonEle = function() {        var ele = {};        ele.accesskey = [];        ele.class = [];        ele.contenteditable = '';        ele.contextmenu = '';        ele.dir = '';        ele.draggable = '';        ele.hidden = '';        ele.id = '';        ele.lang = '';        ele.spellcheck = '';        ele.style = [];        ele.tabindex = null;        ele.title = '';        ele.onabort = '';        ele.onblur = '';        ele.oncanplay = '';        ele.oncanplaythrough = '';        ele.onchange = '';        ele.onclick = '';        ele.oncontextmenu = '';        ele.ondblclick = '';        ele.ondrag = '';        ele.ondragend = '';        ele.ondragenter = '';        ele.ondragleave = '';        ele.ondragover = '';        ele.ondragstart = '';        ele.ondrop = '';        ele.ondurationchange = '';        ele.onemptied = '';        ele.onended = '';        ele.onerror = '';        ele.onfocus = '';        ele.onformchange = '';        onforminput =         oninput = ''        oninvalid = ''        onkeydown = ''        onkeypress = ''        onkeyup = ''        onload = ''        onloadeddata = ''        onloadedmetadata = ''        onloadstart = ''        onmousedown = ''        onmousemove = ''        onmouseout = ''        onmouseover = ''        onmouseup = ''        onmousewheel = ''        onpause = ''        onplay = ''        onplaying = ''        onprogress = ''        onratechange = ''        onreadystatechange = ''        onscroll = ''        onseeked = ''        onseeking = ''        onselect = ''        onshow = ''        onstalled = ''        onsubmit = ''        onsuspend = ''        ontimeupdate = ''        onvolumechange = ''        onwaiting = ''        return ele;    };this.aEle=function() {    var ele = Object.create(this.commonEle());    ele.charset= '';    ele.coords= '';    ele.download= '';    ele.href= '';    ele.hreflang= '';    ele.media= '';    ele.name= '';    ele.rel= '';    ele.rev= '';    ele.shape= '';    ele.target= '';    ele.type= '';    return ele;}this.appletEle=function() {    var ele = Object.create(this.commonEle());    ele.code= '';    ele.object= '';    return ele;}this.areaEle=function() {    var ele = Object.create(this.commonEle());    ele.alt= '';    ele.coords= '';    ele.download= '';    ele.href= '';    ele.hreflang= '';    ele.media= '';    ele.nohref= '';    ele.rel= '';    ele.shape= '';    ele.target= '';    ele.type= '';    return ele;}this.audioEle=function() {    var ele = Object.create(this.commonEle());    ele.Internet Explorer= '';    ele.Chrome= '';    ele.Firefox= '';    ele.Safari= '';    ele.Opera= '';    return ele;}this.baseEle=function() {    var ele = Object.create(this.commonEle());    ele.href= '';    ele.target= '';    return ele;}this.basefontEle=function() {    var ele = Object.create(this.commonEle());    ele.color= '';    ele.face= '';    ele.size= '';    return ele;}this.bdoEle=function() {    var ele = Object.create(this.commonEle());    ele.dir= '';    return ele;}this.blockquoteEle=function() {    var ele = Object.create(this.commonEle());    ele.cite= '';    return ele;}this.bodyEle=function() {    var ele = Object.create(this.commonEle());    ele.alink= '';    ele.background= '';    ele.bgcolor= '';    ele.link= '';    ele.text= '';    ele.vlink= '';    return ele;}this.buttonEle=function() {    var ele = Object.create(this.commonEle());    ele.autofocus= '';    ele.disabled= '';    ele.form= '';    ele.formaction= '';    ele.formenctype= '';    ele.formmethod= '';    ele.formnovalidate= '';    ele.formtarget= '';    ele.name= '';    ele.type= '';    ele.value= '';    return ele;}this.canvasEle=function() {    var ele = Object.create(this.commonEle());    ele.height= '';    ele.width= '';    return ele;}this.captionEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    return ele;}this.codeEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}this.colEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.char= '';    ele.charoff= '';    ele.span= '';    ele.valign= '';    ele.width= '';    return ele;}this.colgroupEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.char= '';    ele.charoff= '';    ele.span= '';    ele.valign= '';    ele.width= '';    return ele;}this.dataEle=function() {    var ele = Object.create(this.commonEle());    ele.value= '';    return ele;}this.delEle=function() {    var ele = Object.create(this.commonEle());    ele.cite= '';    ele.datetime= '';    return ele;}this.detailsEle=function() {    var ele = Object.create(this.commonEle());    ele.open= '';    return ele;}this.dialogEle=function() {    var ele = Object.create(this.commonEle());    ele.open= '';    return ele;}this.dirEle=function() {    var ele = Object.create(this.commonEle());    ele.compact= '';    return ele;}this.divEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    return ele;}this.emEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}this.embedEle=function() {    var ele = Object.create(this.commonEle());    ele.height= '';    ele.src= '';    ele.type= '';    ele.width= '';    return ele;}this.fieldsetEle=function() {    var ele = Object.create(this.commonEle());    ele.disabled= '';    ele.form= '';    ele.name= '';    return ele;}this.fontEle=function() {    var ele = Object.create(this.commonEle());    ele.color= '';    ele.face= '';    ele.size= '';    return ele;}this.formEle=function() {    var ele = Object.create(this.commonEle());    ele.accept= '';    ele.accept-charset= '';    ele.action= '';    ele.autocomplete= '';    ele.enctype= '';    ele.method= '';    ele.name= '';    ele.novalidate= '';    ele.target= '';    return ele;}this.frameEle=function() {    var ele = Object.create(this.commonEle());    ele.frameborder= '';    ele.longdesc= '';    ele.marginheight= '';    ele.marginwidth= '';    ele.name= '';    ele.noresize= '';    ele.scrolling= '';    ele.src= '';    return ele;}this.framesetEle=function() {    var ele = Object.create(this.commonEle());    ele.cols= '';    ele.rows= '';    return ele;}this.h1Ele=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    return ele;}this.h2Ele=function() {    var ele = Object.create(this.h1Ele());    return ele;}this.h3Ele=function() {    var ele = Object.create(this.h1Ele());    return ele;}this.h4Ele=function() {    var ele = Object.create(this.h1Ele());    return ele;}this.h5Ele=function() {    var ele = Object.create(this.h1Ele());    return ele;}this.h6Ele=function() {    var ele = Object.create(this.h1Ele());    return ele;}this.headEle=function() {    var ele = Object.create(this.commonEle());    ele.profile= '';    return ele;}this.hrEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.noshade= '';    ele.size= '';    ele.width= '';    return ele;}this.htmlEle=function() {    var ele = Object.create(this.commonEle());    ele.xmlns= '';    return ele;}this.iframeEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.frameborder= '';    ele.height= '';    ele.longdesc= '';    ele.marginheight= '';    ele.marginwidth= '';    ele.name= '';    ele.sandbox= '';    ele.scrolling= '';    ele.src= '';    ele.srcdoc= '';    ele.width= '';    return ele;}this.imgEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.alt= '';    ele.border= '';    ele.crossorigin= '';    ele.height= '';    ele.hspace= '';    ele.ismap= '';    ele.longdesc= '';    ele.sizes= '';    ele.src= '';    ele.srcset= '';    ele.usemap= '';    ele.vspace= '';    ele.width= '';    return ele;}this.inputEle=function() {    var ele = Object.create(this.commonEle());    ele.accept= '';    ele.align= '';    ele.alt= '';    ele.autocomplete= '';    ele.autofocus= '';    ele.checked= '';    ele.dirname= '';    ele.disabled= '';    ele.form= '';    ele.formaction= '';    ele.formenctype= '';    ele.formmethod= '';    ele.formnovalidate= '';    ele.formtarget= '';    ele.height= '';    ele.list= '';    ele.max= '';    ele.maxlength= '';    ele.min= '';    ele.multiple= '';    ele.name= '';    ele.pattern= '';    ele.placeholder= '';    ele.readonly= '';    ele.required= '';    ele.size= '';    ele.src= '';    ele.step= '';    ele.type= '';    ele.value= '';    ele.width= '';    return ele;}this.insEle=function() {    var ele = Object.create(this.commonEle());    ele.cite= '';    ele.datetime= '';    return ele;}this.kbdEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}this.labelEle=function() {    var ele = Object.create(this.commonEle());    ele.for= '';    ele.form= '';    return ele;}this.legendEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    return ele;}this.liEle=function() {    var ele = Object.create(this.commonEle());    ele.type= '';    ele.value= '';    return ele;}this.linkEle=function() {    var ele = Object.create(this.commonEle());    ele.charset= '';    ele.crossorigin= '';    ele.href= '';    ele.hreflang= '';    ele.media= '';    ele.rel= '';    ele.rev= '';    ele.sizes= '';    ele.target= '';    ele.type= '';    return ele;}this.mapEle=function() {    var ele = Object.create(this.commonEle());    ele.name= '';    return ele;}this.menuEle=function() {    var ele = Object.create(this.commonEle());    ele.label= '';    ele.type= '';    return ele;}this.menuitemEle=function() {    var ele = Object.create(this.commonEle());    ele.checked= '';    ele.command= '';    ele.default= '';    ele.disabled= '';    ele.icon= '';    ele.label= '';    ele.radiogroup= '';    ele.type= '';    return ele;}this.metaEle=function() {    var ele = Object.create(this.commonEle());    ele.charset= '';    ele.content= '';    ele.http-equiv= '';    ele.name= '';    ele.scheme= '';    return ele;}this.meterEle=function() {    var ele = Object.create(this.commonEle());    ele.form= '';    ele.high= '';    ele.low= '';    ele.max= '';    ele.min= '';    ele.optimum= '';    ele.value= '';    return ele;}this.objectEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.archive= '';    ele.border= '';    ele.classid= '';    ele.codebase= '';    ele.codetype= '';    ele.data= '';    ele.declare= '';    ele.form= '';    ele.height= '';    ele.hspace= '';    ele.name= '';    ele.standby= '';    ele.type= '';    ele.usemap= '';    ele.vspace= '';    ele.width= '';    return ele;}this.olEle=function() {    var ele = Object.create(this.commonEle());    ele.compact= '';    ele.reversed= '';    ele.start= '';    ele.type= '';    return ele;}this.optgroupEle=function() {    var ele = Object.create(this.commonEle());    ele.disabled= '';    ele.label= '';    return ele;}this.optionEle=function() {    var ele = Object.create(this.commonEle());    ele.disabled= '';    ele.label= '';    ele.selected= '';    ele.value= '';    return ele;}this.outputEle=function() {    var ele = Object.create(this.commonEle());    ele.for= '';    ele.form= '';    ele.name= '';    return ele;}this.pEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    return ele;}this.paramEle=function() {    var ele = Object.create(this.commonEle());    ele.name= '';    ele.type= '';    ele.value= '';    ele.valuetype= '';    return ele;}this.preEle=function() {    var ele = Object.create(this.commonEle());    ele.width= '';    return ele;}this.progressEle=function() {    var ele = Object.create(this.commonEle());    ele.max= '';    ele.value= '';    return ele;}this.qEle=function() {    var ele = Object.create(this.commonEle());    ele.cite= '';    return ele;}this.sampEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}this.scriptEle=function() {    var ele = Object.create(this.commonEle());    ele.async= '';    ele.charset= '';    ele.defer= '';    ele.src= '';    ele.type= '';    ele.xml:space= '';    return ele;}this.selectEle=function() {    var ele = Object.create(this.commonEle());    ele.autofocus= '';    ele.disabled= '';    ele.form= '';    ele.multiple= '';    ele.name= '';    ele.required= '';    ele.size= '';    return ele;}this.sourceEle=function() {    var ele = Object.create(this.commonEle());    ele.src= '';    ele.srcset= '';    ele.media= '';    ele.sizes= '';    ele.type= '';    return ele;}this.strongEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}this.styleEle=function() {    var ele = Object.create(this.commonEle());    ele.media= '';    ele.scoped= '';    ele.type= '';    return ele;}this.tableEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.bgcolor= '';    ele.border= '';    ele.cellpadding= '';    ele.cellspacing= '';    ele.frame= '';    ele.rules= '';    ele.summary= '';    ele.width= '';    return ele;}this.tbodyEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.char= '';    ele.charoff= '';    ele.valign= '';    return ele;}this.tdEle=function() {    var ele = Object.create(this.commonEle());    ele.abbr= '';    ele.align= '';    ele.axis= '';    ele.bgcolor= '';    ele.char= '';    ele.charoff= '';    ele.colspan= '';    ele.headers= '';    ele.height= '';    ele.nowrap= '';    ele.rowspan= '';    ele.scope= '';    ele.valign= '';    ele.width= '';    return ele;}this.textareaEle=function() {    var ele = Object.create(this.commonEle());    ele.autofocus= '';    ele.cols= '';    ele.dirname= '';    ele.disabled= '';    ele.form= '';    ele.maxlength= '';    ele.name= '';    ele.placeholder= '';    ele.readonly= '';    ele.required= '';    ele.rows= '';    ele.wrap= '';    return ele;}this.tfootEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.char= '';    ele.charoff= '';    ele.valign= '';    return ele;}this.thEle=function() {    var ele = Object.create(this.commonEle());    ele.abbr= '';    ele.align= '';    ele.axis= '';    ele.bgcolor= '';    ele.char= '';    ele.charoff= '';    ele.colspan= '';    ele.headers= '';    ele.height= '';    ele.nowrap= '';    ele.rowspan= '';    ele.scope= '';    ele.sorted= '';    ele.valign= '';    ele.width= '';    return ele;}this.theadEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.char= '';    ele.charoff= '';    ele.valign= '';    return ele;}this.timeEle=function() {    var ele = Object.create(this.commonEle());    ele.datetime= '';    return ele;}this.trEle=function() {    var ele = Object.create(this.commonEle());    ele.align= '';    ele.bgcolor= '';    ele.char= '';    ele.charoff= '';    ele.valign= '';    return ele;}this.trackEle=function() {    var ele = Object.create(this.commonEle());    ele.default= '';    ele.kind= '';    ele.label= '';    ele.src= '';    ele.srclang= '';    return ele;}this.ulEle=function() {    var ele = Object.create(this.commonEle());    ele.compact= '';    ele.type= '';    return ele;}this.varEle=function() {    var ele = Object.create(this.commonEle());    ele.em= '';    ele.strong= '';    ele.code= '';    ele.samp= '';    ele.kbd= '';    ele.var= '';    return ele;}//TODOthis.videoEle=function() {    var ele = Object.create(this.commonEle());    return ele;}};