如何dynamic更改使用jQuery的iframe中的内容？
我想知道是否有可能有一个网站的iframe和一些jQuery代码，每30秒更改iframe的内容。 内容在不同的网页。
像这样的东西：
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var array = new array(); array[0] = 'http://webPage1.com'; array[1] = 'http://webPage2.com'; // And so on. // Do something here to change the iframe every 30 second }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function(){ var locations = ["http://webPage1.com", "http://webPage2.com"]; var len = locations.length; var iframe = $('#frame'); var i = 0; setInterval(function () { iframe.attr('src', locations[++i % len]); }, 30000); }); </script> </head> <body> <iframe id="frame"></iframe> </body> </html>
如果您只想更改iframe指向的位置，而不是iframe中的实际内容，则只需更改src属性即可。
$("#myiframe").attr("src", "newwebpage.html");
var handle = setInterval(changeIframe, 30000); var sites = ["google.com", "yahoo.com"]; var index = 0; function changeIframe() { $('#frame')[0].src = sites[index++]; index = index >= sites.length ? 0 : index; }
