很多方法 需要将返回值等参数展示在页面上, 比如ajax ,success 方法,有很多情况需要对HTML 进行拼接后 加入到某个 块里面。
简单的拼接 只要注意单引号和双引号就行了。 如果句子长,这边推荐一个网站 http://www.css88.com/tool/html2js/ 可以快速帮忙拼接,可以选择格式,有时候会有小错误,自己调整就行。
最近遇到一个很坑的 判断输入为正整数的一个input 拼接。 贴上代码:
<td colspan="3" id="trapNum">
<input type="text" class="form-text" οnkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" name="trappedNum" id="trappedNum" placeholder="请输入数量" style="width: 216px;" maxlength="15" value=""/> </td>其中 这些正则表达式人工拼接还容易出错。 拼完是这样的。 希望可以借鉴。\ 符号 可以用\\ 表示,' 可以用\'
document.getElementById("trapNum").innerHTML=
" <input type=\"text\" class=\"form-text\" "+ " οnkeyup=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\" "+ " onafterpaste=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\""+ " name=\"trappedNum\" id=\"trappedNum\" placeholder=\"请输入数量\" style=\"width: 216px;\" maxlength=\"3\" value=\"\"/>";