複数のURLをiframeに表示するにはjavascriptを使用してください

Question

Urlsをiframeに表示する場合は、JavaScript Arraysを使用してください。私はそれをどうすればできるのか知りたい。私は説明だけでなく、サンプルコードも必要とします。

Answer 1

ここでは、私はあなたがiframe内に一度に1つのURLを表示したいと仮定ソリューションhttps://codepen.io/Shiladitya/pen/qjvOjV

var array = ["https://www.google.com",  "https://codepen.io/","https://www.amazon.in", "http://www.stackoverflow.com"]; 
 

 
var cnt = 0; 
 
$('button').click(function(){ 
 
\t $('iframe').attr('src', array[cnt]); 
 
    cnt++; 
 
    if(cnt == array.length){ 
 
    \t cnt = 0; 
 
    } 
 
});

iframe { 
 
    width: 400px; 
 
    height: 400px; 
 
}

<script 
 
    src="https://code.jquery.com/jquery-2.2.4.min.js" 
 
    integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 
 
    crossorigin="anonymous"></script> 
 
    
 

 
<button type="submit">Next Iframe 
 
</button> 
 

 
<iframe> 
 

 
</iframe>

で行きます。