동적으로 설정 iframe src
iframe src를 동적으로 설정하여 페이지를 로드하는 프로그램이 있습니다.페이지가 완전히 로드된 이벤트 핸들러를 연결해야 합니다.어떻게 하면 되죠?감사합니다!
<script type="text/javascript">
function iframeDidLoad() {
alert('Done');
}
function newSite() {
var sites = ['http://getprismatic.com',
'http://gizmodo.com/',
'http://lifehacker.com/']
document.getElementById('myIframe').src = sites[Math.floor(Math.random() * sites.length)];
}
</script>
<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://getprismatic.com/" onLoad="iframeDidLoad();"></iframe>
http://jsfiddle.net/MALuP/ 의 예
시도해 보기:
top.document.getElementById('AppFrame').setAttribute("src",fullPath);
이거 먹어봐요
function urlChange(url) {
var site = url+'?toolbar=0&navpanes=0&scrollbar=0';
document.getElementById('iFrameName').src = site;
}
<a href="javascript:void(0);" onClick="urlChange('www.mypdf.com/test.pdf')">TEST </a>
또한 일부 Opera 버전에서는 로드가 여러 번 실행되고 몇 가지 후크가 추가된다는 점도 고려해야 합니다.
// fixing Opera 9.26, 10.00
if (doc.readyState && doc.readyState != 'complete') {
// Opera fires load event multiple times
// Even when the DOM is not ready yet
// this fix should not affect other browsers
return;
}
// fixing Opera 9.64
if (doc.body && doc.body.innerHTML == "false") {
// In Opera 9.64 event was fired second time
// when body.innerHTML changed from false
// to server response approx. after 1 sec
return;
}
아약스 업로드에서 빌린 코드
이 코드를 사용해 보세요.그러면 'formId' div가 이미지를 설정할 수 있습니다.
$('#formId').append('<iframe style="width: 100%;height: 500px" src="/document_path/name.jpg"' +
'title="description"> </iframe> ');
시도해 보기:
document.frames["myiframe"].onload = function(){
alert("Hello World");
}
언급URL : https://stackoverflow.com/questions/6000987/dynamically-set-iframe-src
'programing' 카테고리의 다른 글
Chrome에서 여러 링크를 새 탭으로 한 번에 열기 (0) | 2023.10.26 |
---|---|
JSON_엑스트랙트마리아DB (0) | 2023.10.26 |
리피터 내부의 트랙터 요소 찾기 (0) | 2023.10.26 |
내용 유형 'application/json; charset=utf-8'이(가) 필요한 유형 'text/xml; charset=utf-8'이 아니므로 메시지를 처리할 수 없습니다. (0) | 2023.10.21 |
lodash에서 포함 방법을 사용하여 객체가 컬렉션에 있는지 확인하려면 어떻게 해야 합니까? (0) | 2023.10.21 |