for (let j = 0; j < List.length; j++) {
let svp = List[j];
let html1 = `
`
$("#content").append(html1);
//2、拼接字符串
for (let j = 0; j < List.length; j++) {
let svp = List[j];
let html1 = "
" +
"- " + svp.id + "
" +
"- " + svp.name + "
" +
"
";
$("#content").append(html1);
写了简单样式，主要效果图如下：
js使用两种拼接字符串的方式循环数据动态生成HTML，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; }
由于我在学校是学安卓的然后实习期学前端又是直接上框架，所以原生
JS
的一些基本操作用着真难受！！！
下面是原生
JS
将数组的
数据
循环
遍历到
HTML
中的列子，是的，没有用框架的
HTML
里的
循环
是用
JS
将一串
字符串
标签丢给
HTML
的id中的。
var forenoonStr = "";
var forenoonData = ["8:00", "8:30", "9:00", "9:30", "...
在这之前我们需要了解下apppend()与
html
()这两个方法的区别:
简单来说就是append（）方法是在元素列表添加某个元素，但是
html
（）是替换元素中的
数据
。如果需要做换页，导航此类的效果最好
使用
html
（）方法
详情可参考:append()与
html
()区别
废话不多说直接上代码:
1.首先 在需要
动态
拼接
的地方的父级标签可以加上一个id或者class类名 区别倒是不大 个人都是加classNa
for (var i = 0; i < newarr.length; i++) {
html
+= '<div id="cardList">'
html
+= '<span class="name">' + 'CARDNAME:' +newarr[i].type_name + '</span>'
html
+= '<span class="pc...
JavaScript中，
字符串
拼接
是非常常见的操作。
拼接
字符串
有很多种
方式
，下面列举了其中的几种
方式
：
1.
使用
“+”符号
拼接
字符串
：直接
使用
“+”符号连接
字符串
即可。
2.
使用
concat方法
拼接
字符串
：该方法可以接收多个参数，将它们连接起来形成一个新的
字符串
。
3.
使用
数组join方法
拼接
字符串
：通过将
字符串
存储在数组中，然后
使用
join方法将它们合并成一个
字符串
。这个方法通常比+和concat方法更高效。
4.
使用
模板
字符串
拼接
字符串
：
使用
反引号(`)包含文本和表达式的
字符串
被称为模板
字符串
。你可以在表达式周围
使用
${}符号插入变量或表达式的值。
总之，
字符串
拼接
是JavaScript编程中最常用的操作之一。选择正确的方法可以让你的代码更简洁、高效。
