반응형
jquery를 사용하여 iframe의 콘텐츠를 동적으로 변경하려면 어떻게해야합니까?
iframe이있는 사이트와 30 초마다 iframe 콘텐츠를 변경하는 jquery 코드가있는 사이트를 가질 수 있는지 궁금합니다. 콘텐츠가 다른 웹 페이지에 있습니다.
이 같은:
<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;
}
반응형
'Programing' 카테고리의 다른 글
| 내 서버에 Github를 설치하려면 어떻게해야합니까? (0) | 2020.09.10 |
|---|---|
| ImmutableMap 또는 Map을 반환하는 것이 더 낫습니까? (0) | 2020.09.10 |
| 사용자 정의 이미지가 있고 테두리가없는 UIBarButtonItem (0) | 2020.09.10 |
| 게터, 세터 및 속성 모범 사례. (0) | 2020.09.10 |
| C ++에서 구조체를 비교하는 동안 == 연산자가 없습니다. (0) | 2020.09.09 |