为什么不同的div元素中的iframe不起作用？

Question

Fiddle

为什么只有一个iframe可以同时运行？我的javascript有问题吗？

function test(){
    document.getElementById('src1').src='http://cnn.com/'
}
function test1(){
    document.getElementById('src2').src='http://stackoverflow.com/'
}


test();
test1();

Answer 1

它确实有效，它只是stackoverflow阻止你出于安全原因在iframe中嵌入它的URL ...

您可能会看到，即使Google阻止用户嵌入要在iframe中使用的Google网址

function test1(){ //Alter the URL in this function
    document.getElementById('src2').src='https://stackoverflow.com/'
}

Demo

Prevent iframe stealing

Answer 2

这不是因为有两个iframe，因为stackoverflow有一个特殊的标题：

X-Frame-Options设置为SAMEORIGIN

该标题会阻止浏览器在iframe中呈现页面

在这里阅读更多内容：

X-Frame-Options