js拼接html字符串的注意事项
+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的div等就不是想要的结果了。
换行要这样拼接
var s='<li class="todetail" data-id="'+ one.id+'"><p class="dd_time">'+ one.leasetime+'</p><div class="info-box"><img src="'+ fe+'" class="dd_face"></div><div class="dd_bot"><span class="dd_nikename">'+ nikeme+'</span><div class="money"><span class="dd_price">¥'+ one.ney+'</span></div></div><div class="dd_do"><span>约会:'+ one.myhuifangshi+'</span></div><p class="dd_zt">状态:'+ zt+'</p><div class="code_btn">'+ buttons+'</div></li>';
s=' ccccccc '+
XX+'cccccccccccccccc'+
XX+‘ccccccccccccccccccc';
以上就是小编为大家带来的js拼接html字符串的注意事项全部内容了,希望大家多多支持我们~
相关推荐
-
根据json字符串生成Html的一种方式
文章说明:本文介绍了根据Json串生成Html的一种方式(只是简单实现了文本框,密码框,下拉框).只是觉得好玩才这样做,如果觉得没有任何价值,请忽略.不足指出希望各位大牛指点.后续将根据各位的指点继续完善. 功能说明: 在左侧输入框中输入Json串,点击执行时根据输入的Json串在右侧展示区显示出相应的Html(使用Jquery1.4.4) HTML: 复制代码 代码如下: <table style="width:100%; "> <col width="2
-
javascript中html字符串转化为jquery dom对象的方法
原html字符串如下: var text="<div id='overLay' style='width:50px;height:60px;background:url(imgs/back.png) left top no-repeat; position: absolute;'>" + "<img style='margin-left:4px;margin-top: 3px;' src='ima.png' width='43px' height='43px
-
JavaScript检测字符串中是否含有html标签实现方法
功能代码 复制代码 代码如下: /** * 字符串是否含有html标签的检测 * @param htmlStr */ function checkHtml(htmlStr) { var reg = /<[^>]+>/g; return reg.test(htmlStr); } demo script: 复制代码 代码如下: /** * 字符串是否含有html标签的检测 * @param htmlStr */ function checkHtml(htmlSt
-
对字符串进行HTML编码和解码的JavaScript函数
编码函数: 复制代码 代码如下: function HtmlEncode(str) { var t = document.createElement("div"); t.textContent ? t.textContent = str : t.innerText = str; return t.innerHTML; } 解码函数: 复制代码 代码如下: function HtmlDecode(str) { var t = document.createElement("di
-
javascript中拼接HTML字符串的最快、最好的方法
第一种:逐个字符串相加 复制代码 代码如下: var arr = ['item 1', 'item 2', 'item 3', ...];list = '';for (var i = 0,l = arr.length; i < l; i++) { list += '' + arr[i] + '';}list = '' + list + ''; 这种最常见的,但是效率最低!代码逻辑相对来说复杂. 第二种:逐个 push 进数组 复制代码 代码如下: var arr = ['item 1',
-
js Html结构转字符串形式显示代码
复制代码 代码如下: //Html结构转字符串形式显示 支持<br>换行 function ToHtmlString(htmlStr) { return toTXT(htmlStr).replace(/\<\;br[\&ensp\;|\&emsp\;]*[\/]?\>\;|\r\n|\n/g, "<br/>"); } //Html结构转字符串形式显示 function toTXT(str) { var RexStr = /
-
如何使用JS在HTML中自定义字符串格式化
Python中支持字符串格式化,其基本形式如下: str = "I'm %s, %s years old." % ('jack', 19) print(str) #结果: I'm jack, 19 years old. 在JavaScript中虽没有类似的方法,但我们可以利用字符串的replace方法自定义字符串的格式化方法: <script> $(function () { /*自定义字符串格式化*/ String.prototype.Format = function
-
在JS中解析HTML字符串示例代码
在js中直接添加html语句,js会将html字符串解析成相应的HTML语句,并在前端进行显示. 复制代码 代码如下: <span style="font-size:14px;">var el = document.createElement( 'div' ); el.innerHTML = "<html><head><title>titleTest</title></head><body>&
-
js拼接html字符串的注意事项
+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的div等就不是想要的结果了. 换行要这样拼接 var s='<li class="todetail" data-id="'+ one.id+'"><p class="dd_time">'+ one.leasetime+'</p><div class="info-box&quo
-
Javascript中拼接大量字符串的方法
在php.python中都有heredoc方式的字符串定义方法: php: 复制代码 代码如下: $sql=<<<EOD select * from pages where pagename='$pn' EOD; python: 复制代码 代码如下: print """ This is an example of a string in the heredoc syntax. This text can span multiple lines "&
-
js实现统计字符串中特定字符出现个数的方法
本文实例讲述了js实现统计字符串中特定字符出现个数的方法.分享给大家供大家参考,具体如下: //js统计字符串中包含的特定字符个数 function getPlaceholderCount(strSource) { //统计字符串中包含{}或{xxXX}的个数 var thisCount = 0; strSource.replace(/\{[xX]+\}|\{\}/g, function (m, i) { //m为找到的{xx}元素.i为索引 thisCount++; }); return th
-
js判断一个字符串是否包含一个子串的方法
本文实例讲述了js判断一个字符串是否包含一个子串的方法.分享给大家供大家参考.具体如下: 在我们前端日常开发中,经常会遇到判断一个字符串中是否包含某个子串,这里我们将去探究一些解决此种需求的方法以及正确的使用它们.理想情况下,我们要找的是一个能匹配我们的目的(if x contains y)的方法,并返回true或false. 一.String.prototype.indexOf和String.prototype.lastIndexOf 这两个方法,可能是我们最容易想到的,如果包含子串,则返回大
-
JS正则RegExp.test()使用注意事项(不具有重复性)
本文实例分析了JS正则RegExp.test()使用注意事项.分享给大家供大家参考,具体如下: 先看下面这段代码: // 2012-12-12 12:12:12 var regex = /\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/g; // true alert(regex.test("2012-12-12 12:12:12")); // false alert(regex.test("2012-12-12 12:12:12")); 执
-
MyBatis 动态拼接Sql字符串的问题
MyBatis 的一个强大的特性之一通常是它的动态 SQL 能力.如果你有使用 JDBC 或其他 相似框架的经验,你就明白条件地串联 SQL 字符串在一起是多么的痛苦,确保不能忘了空格或在列表的最后省略逗号.动态 SQL 可以彻底处理这种痛苦. 动态SQL MyBatis的动态SQL,解决了SQL字符串拼接的痛苦. 1.if <select id="findActiveBlogWithTitleLike" parameterType="Blog" result
-
JS生成随机字符串的多种方法
下面的一段代码,整理电脑时,记录备查. 复制代码 代码如下: <script language="javascript"> function randomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ var maxPos = $chars.len
-
浅谈JS 数字和字符串之间相互转化的纠纷
字符串转数字 1 parseInt() 函数 parseInt() 函数从string的开始解析,返回一个整数 parseInt('123') : 返回 123: parseInt('1234xxx') : 返回 1234: parseInt('123.456') : 返回 123: parseInt('1 2 3') : 返回 1:字符串的情况,自会返回第一个数 parseInt('bb cc 12') : 返回 NaN:字符串第一个不是数,返回nan parseInt('123' 321)
-
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: <html> <head> <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie
-
JS 两个字符串时间的天数差计算
JS 两个字符串时间的天数差 复制代码 代码如下: var s = ((new Date(paramObj.end_date.replace(/-/g,"\/"))) - (new Date(paramObj.start_date.replace(/-/g,"\/")))); var day = s/1000/60/60/24
随机推荐
- 详解Swift的switch...case语句中break关键字的用法
- Linux正则表达式特性详解及BRE与ERE的异同点
- 不要在cookie中使用特殊字符的原因分析
- 详解JavaScript模块化开发
- 提高javascript效率 一次判断,而不要次次判断
- JS数组合并push与concat区别分析
- javascript中获取下个月一号,是星期几
- js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
- 修改linux文件权限命令:chmod命令详解
- 使用js画图之画切线
- 浅谈java常用的几种线程池比较
- 打开扩展名为ac.$的AutoCAD的临时文件的方法
- Convert WebP to PNG using java
- Squid集群做CDN全网加速配置分享
- Vue 应用中结合vux使用微信 jssdk的方法
- 详解C++中string的用法和例子
- swift 常用高阶函数分享
- vue中Element-ui 输入银行账号每四位加一个空格的实现代码
- 详解Spring Bean 之间的特殊关系
- PHP中上传文件打印错误错误类型分析