2017-07-14 17 views
1

我想要使用JavaScript Arraysiframe中查看多個Urls。我想知道我該怎麼做。我不僅需要說明,還需要一些示例代碼。使用javascript來查看iframe中的多個網址

+0

歡迎來到Stackoverflow!在提問之前,請先閱讀[如何提問](https://stackoverflow.com/help/how-to-ask)。 Stackoverflow不在這裏爲你做你的工作。向我們展示您嘗試過的內容,一些代碼等。 – Wernerson

+0

一個'iframe'只能同時顯示一個網址。如果你想在同一時間顯示多個網址,你需要多個iframe –

回答

0

在這裏,你去與解決方案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>

我假設你想在iframe中一次只顯示一個URL。

+0

謝謝,它的工作原理! –

+0

歡迎@FahadMaqsoodQazi :) – Shiladitya