iframe에서 jquery를 사용하여 내용을 동적으로 변경하려면 어떻게 해야 합니까?
iframe과 iframe 내용을 30초마다 변경하는 jquery code가 있는 사이트가 가능한지 궁금합니다.내용이 다른 웹 페이지에 있습니다.
이와 같은 것:
<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이 가리키는 위치만 변경하려면, 당신은 단지 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;
}
언급URL : https://stackoverflow.com/questions/1554396/how-do-i-dynamically-change-the-content-in-an-iframe-using-jquery
'programing' 카테고리의 다른 글
| blueimp 파일 업로드 플러그인의 maxFileSize 및 acceptFileTypes가 작동하지 않습니다. 이유는 무엇입니까? (0) | 2023.11.06 |
|---|---|
| 블로거 XML 파일을 WXR 파일로 변환하는 방법은? (0) | 2023.11.06 |
| PHP 5.3을 위한 PHP 5.2 '호환 모드'가 있습니까? (0) | 2023.11.06 |
| 여러 프로토콜을 신속하게 준수하는 유형 (0) | 2023.11.06 |
| f() aint16_t를 인쇄하려면 어떻게 해야 합니까? (0) | 2023.11.06 |