`

js拼接html,转义问题

 
阅读更多
var str = productDiv.html()+'<div class="row" id="'+idPrefix+i+'"><div class="col-sm-12 col-md-12"><div class="form-group">'+
'<input type="hidden" class="'+idPrefix+'" name="${inputName}[' + i + '].objectId" value="'+pkgId+'">'+
'<label class="col-sm-1 control-label"></label>'+
'<div class="col-sm-12"><div class="row"><div class="col-sm-12 col-md-12"><div class="form-group">'+
'<label class="col-sm-2 product-control-label">套餐名:</label>'+
'<div class="col-sm-3"><span class="lable-span">'+name+'</span></div> '+
'<label class="col-sm-1 product-control-label">套餐价格:</label>'+
'<div class="col-sm-1"><span class="lable-span">'+price+'</span></div> ';

if (setPromotPrice) {
str = str + '<label for="promotePrice" class=" col-sm-1 control-label">升级价格</label>' +
' <div class="col-sm-2">'+
'<input type="text" id="price'+ i +'" class="decimal2 search-form-control" name="priceForm[' + i + '].promotePrice" value="" onkeyup="this.value=this.value.replace(/[^0-9.]/g,\'\')">' +
'</div>';
}

str = str + '<div class="col-sm-1"><button type="button" onclick="javascript:del(\''+ idPrefix +i+'\')" class="btn btn-primary">删除</button></div></div></div></div>'+
'  </div></div></div></div>';
productDiv.html(str);



onclick="javascript:del(\''+ idPrefix +i+'\')"    del\''此处为2个单引号
分享到:
评论

相关推荐

    如何利用js拼接html字符串.docx

    ### 如何利用JavaScript拼接HTML字符串 在前端开发过程中,我们经常会遇到需要动态生成HTML内容的需求,这通常可以通过JavaScript来实现。本篇文章将详细介绍如何利用JavaScript来拼接HTML字符串,并探讨其中的一些...

    js拼接html字符串的注意事项

    总结来说,在进行JavaScript拼接HTML字符串时,开发者应该注意特殊字符的转义、代码的可读性、避免注入攻击、性能考虑以及可能使用现代前端框架来代替传统的字符串拼接方法。这样可以更加安全和高效地构建动态的Web...

    js拼接html注意问题示例探讨

    在使用JavaScript拼接HTML字符串时,需要注意的细节有很多,其中最为基础且容易出错的便是引号的正确使用。引号分为单引号(')和双引号("),在拼接字符串时,如果字符串内部包含同类型的引号,则需要使用转义符来避免...

    js 动态生成html 触发事件传参字符转义的实例

    总的来说,了解并正确使用HTML转义字符对于编写健壮和安全的JavaScript代码至关重要。在动态生成HTML时,务必注意转义可能引起解析问题的特殊字符,同时也要关注安全问题,尤其是当处理用户输入时。通过遵循这些最佳...

    在js代码拼接dom对象到页面上去的模板总结(必看)

    每次在js代码里面想动态的拼个dom,然后append到页面上,都是各种麻烦, 要是可以直接在jsp页面弄个隐藏的model那是很好的,用js方法里面的clone方法也是很好的,还可以给不同部分set值。 为了以后简单点,我就把...

    JS字符串拼接在ie中都报错的解决方法

    总结来说,解决JavaScript字符串拼接在IE中报错的问题主要涉及正确处理和匹配单双引号,以及在需要时使用转义字符。这是Web开发中常见的细节问题,掌握了这些基础知识,可以帮助开发者编写出更加健壮和兼容的...

    JS常用函数方法收集1

    HtmlEncode.js 转义html标签 dateFormat.js 时间日期格式转换 timeFormat.js 时间个性化输出功能 isDigit.js 判断是否为数字类型 setCookie.js 设置cookie值 getCookie.js 获取cookie值 addFavorite.js 加入收藏夹 ...

    用v-html解决Vue.js渲染中html标签不被解析的问题

    为了防止恶意代码的执行,应当确保数据来源可信,或者在服务器端对HTML内容进行安全过滤和转义。如果必须要展示来自不可信源的HTML,可以考虑使用库如DOMPurify来净化HTML内容,避免XSS攻击。 总的来说,`v-html`是...

    JavaScript中字符串拼接的基本方法

    在JavaScript中,字符串拼接是一项基础且常见的操作,主要用于组合多个字符串形成一个新的字符串。下面将详细介绍几种常用的字符串拼接方法。 1. "+" 运算符: "+" 运算符是最直观且常用的字符串拼接方式。例如: ...

    Javascript权威指南学习笔记二

    - 当使用`document.write()`方法输出`&lt;/script&gt;`时,为了避免解析错误,可以使用字符串拼接或者转义字符的方法。 - 使用`defer`属性可以告诉浏览器在文档解析完毕后再执行脚本,提高页面加载速度。 3. **包括...

    android webview中使用Java调用JavaScript方法并获取返回值

    例如,将双引号包围的字符串拼接在JavaScript代码字符串中,或者使用转义字符。 Java中的WebView组件的onCreate()方法用于初始化视图和变量。在这个方法中,完成了WebView的查找、滚动条样式设置、内置缩放控件启用...

    safe.js中文使用文档

    《safe.js中文使用文档》是针对JavaScript库safe.js的一份详细指南,主要服务于中文用户,旨在帮助开发者更好地理解和运用这个库。safe.js是一款用于增强JavaScript安全性、防止代码注入和提高程序健壮性的工具,...

    韩顺平javascript课堂笔记完整版

    - 字符串类型,可以用双引号或单引号表示,且可以进行字符串拼接和转义字符操作。 - 布尔类型,只有两个值:`true`和`false`。 9. **类型转换**: - JavaScript会自动进行类型转换,例如字符串与数值的转换。 -...

    浅谈jquery的html方法里包含特殊字符的处理

    这种方法不仅可以避免特殊字符的转义问题,还能提高代码的可读性和维护性。 总结,当在jQuery的`html()`方法中处理包含特殊字符的字符串时,要确保正确转义这些字符,以防止解析错误。同时,考虑使用更现代的事件...

    去除编辑器样式中HTML

    可以使用`outerHTML`属性将节点转换回字符串,然后拼接成完整的HTML。 6. **安全考虑**:在处理用户输入时,必须防止XSS(Cross-site scripting)攻击。这需要对输入进行转义或者使用安全库(如DOMPurify)来清理...

    Laravel开发-laravel-html-helper

    例如,你可以通过`和`&gt;`操作符来创建元素,而不是直接拼接字符串。例如,创建一个`&lt;div&gt;`标签可以写作: ```php $html = HTML::div('这是内容'); ``` 这种方式使得HTML元素的创建更易于理解和维护。 2. **Form ...

    Node.js项目中调用JavaScript的EJS模板库的方法_.docx

    在Node.js项目中,EJS(Embedded JavaScript)是一种流行的模板引擎,它允许开发者将动态数据嵌入到HTML中,从而创建可复用且易于维护的页面。EJS模板库简化了服务器端渲染的过程,尤其适合构建Web应用。下面将详细...

    javascript学习笔记

    4. **外部脚本文件引用**:将 JavaScript 代码放在单独的 `.js` 文件中,并在 HTML 文件中引用。 - 示例: ```html &lt;script src="myScript.js"&gt; ``` - `myScript.js` 文件示例: ```javascript function ...

    JavaScript程序设计课件:字符串型.pptx

    本文将深入探讨JavaScript中的字符串型,包括创建字符串、引号嵌套、转义符、字符串长度以及字符串拼接。 首先,字符串型(String)是用引号括起来的任意文本。你可以使用双引号(")或单引号(')来定义一个字符串。考虑...

Global site tag (gtag.js) - Google Analytics