将某几个节点进行按需求复制,然后推入到响应的html页面中。
这样的方法可以用原生js的for循环,或者用jquery的each遍历都是OK的。当然用vue的V-for也是可以的
使用for...in可以遍历js对象的属性,用法如下:for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。
for (变量 in 对象)
{
//在此执行代码
}
“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
for (var sProp in window) {
alert(sProp)
}
以上例子会弹出window对象中的所有属性
var flag = false //标识,表示页面上数据还未处理完成$.each(data,function(i,o) {
//你的代码
flag = true//已经完成数据处理
})
var = t
t = setInterval(function() {//定时检测
if(flag) {//如果数据已经处理完毕
load('你的js文件')//加载你的js文件
clearTimeout(t)//取消定时检测节省开销
}
},50)
关键是你引入js文件执行的时机,页面上的数据还没有生成,但这个js已经执行了,由于找不到对应的元素,所以失效了,因为它只执行一次,数据处理完成以后它也不会再执行了。
上面代码提供的思路是检测数据是否已经处理完成,完成后再加载你需要的js文件,保证js的执行在数据处理完成之后。