Question

所以我想做的是将这些嵌入代码循环到iframe中。我的意思是我想循环遍历所有嵌入代码和iframe，以便显示所有3个iframe。完全像Php foreach循环。

var cars = [
    "//www.youtube.com/embed/NcjgvcyQ41c",
    "//www.youtube.com/embed/NcjgvcyQ41c",
    "//www.youtube.com/embed/NcjgvcyQ41c"
];
for (var i in cars) {
  output += ("<iframe width="560" height="315" src="cars[i]" frameborder="0" allowfullscreen></iframe>"); 

}

如果你不理解我的意思。当文件运行时，我想显示 - ＆gt; --IFRAME-- --IFRAME-- --IFRAME -

这样所有嵌入代码都会显示为iframe！ :)谢谢！

Answer 1

没有jquery没有foreach循环。你需要像这样做一个for循环

for(var i = 0; i < cars.length; i++){
 output += ("<iframe width="560" height="315" src="cars[i]" frameborder="0" allowfullscreen><     </iframe>"); }

Answer 2

在JavaScript（今天）中，for循环并不是非常有用。

对于数组，它枚举数组的索引：

var a = ['a', 'b', 'c'];
for (var i : a)
    console.log(i);

> 0
> 1
> 2

对于一个对象，它枚举了键。

var a = {a:1, b:2, c:3};
for (var i : a)
    console.log(i);

> a
> b
> c

鉴于此，您应该使用for (;;)循环而不是for (... in ...)循环。

Answer 3

这可能是你之后的事：http://jsfiddle.net/1wLuxy3w/

获取数组，然后使用for循环

for( var i=0; i<cars.length; i++ )
{
    output += 'your iframe here';
}

另外，你使用引号是错误的。确保包装整个字符串的引号与字符串中使用的引号不同，或者至少使用反斜杠转义包含的引号。

然后，您希望将连接的输出添加到DOM

中的元素

elem = document.getElementById("#yourElement");
elem.innerHTML = output;

Answer 4

Javascript有一个类似于php的foreach循环，直到es5才会使用该语言，所以它并不是所有浏览器都支持，它不会在8及更低版本中工作。在这种情况下，你最好使用for循环。无论如何，这是foreach。

cars.forEach(function(value){

    output += '<iframe width="560" height="315" src="' + value + '" frameborder="0" allowfullscreen></iframe>';

});

forEach documention

查看此es 5 compatibility表。查看显示过时的浏览器？顶部的复选框

属性值周围的引号以字符串结尾，使用单引号代替字符串。

如何使用javascript（如php foreach）通过iframe循环数组

4 个答案: