博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 方法中 对HTML的 拼接
阅读量:5284 次
发布时间:2019-06-14

本文共 1237 字,大约阅读时间需要 4 分钟。

很多方法 需要将返回值等参数展示在页面上, 比如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=\"\"/>";

转载于:https://www.cnblogs.com/zl0717/p/8000094.html

你可能感兴趣的文章
C#跨线程操作控件的最简单实现探究
查看>>
Ubuntu server12.04安装JDK+Tomcat+mysql
查看>>
brock pallet
查看>>
hihocoder--1384 -- Genius ACM (倍增 归并)
查看>>
NowCoder--牛客练习赛30 C_小K的疑惑
查看>>
C++中GB2312字符串和UTF-8之间的转换
查看>>
透视图扩展 Perspective Extensions
查看>>
espeak
查看>>
【VS开发】VC下加载JPG/GIF/PNG图片的两种方法
查看>>
一篮子苹果,每天吃一半多一个吃,第十天吃一半多一个后就剩余一个,求一共多少个苹果,JAVA版...
查看>>
css——display: flex之垂直方向布局的具体实践
查看>>
vue基础——路由懒加载
查看>>
Oracle sql优化示例
查看>>
sql-向已有数据的表添加约束
查看>>
Angularjs的核心概念
查看>>
通过用户模型,对数据库进行增删改查操作。
查看>>
everything 搜索文件
查看>>
easyui 表单验证validatetype——支持自定义验证
查看>>
iOS-GCD多线程编程详解1
查看>>
Javascript实用方法
查看>>