jQuery iframe 생성

1 개요

Dynamically create iframe with jQuery

jQuery iframe 생성

<style>
.myFrame {
	background-color: red;
	float: right;
	clear: both;
}
</style>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
	$('#create_frame').click(function() {
		var new_frame = $('<iframe class="myFrame"></iframe>');
		new_frame.appendTo('body');
	});
});
</script>

<button id='create_frame'>프레임 생성</button>

2 같이 보기

• iframe
• jQuery iframe src 변경
• jQuery iframe 보이기/숨기기 토글

3 참고

• http://jquery-howto.blogspot.kr/2010/02/dynamically-create-iframe-with-jquery.html