Почему нет iframe в другом элементе div?

Question

Fiddle

Почему только один из фреймов будет работать в одно и то же время? Что-то не так с моим javascript?

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


test(); 
test1(); 

Answer 1

Это работа, это просто StackOverflow, который мешает вам встроить его URL в iframe по соображениям безопасности ...

Вы можете увидеть, даже Google препятствует пользователю встраивать URL Google для быть использованы в iframe

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

Demo

Prevent iframe stealing

Answer 2

Это не потому, что есть две плавающие фреймы это потому, что StackOverflow имеет специальный заголовок:

X-Frame-Options установлен в SAMEORIGIN

что заголовок предотвращает браузер для отображения страницы внутри фрейма

читайте здесь:

X-Frame-Options