동적으로 ifame 삽입하기
페이지 정보
작성자 홈피사랑 작성일14-07-16 17:26 조회4,089회 댓글0건관련링크
본문
동적으로 iframe 삽입하기 입니다.
이미지나 버튼을 클릭했을때 해당 ifame이 뜨게할수 있습니다.
예제코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>홈페이지제작업체 - 홈피사랑 HOMPYLOVE</title>
<style type="text/css">
body{background-color:#000000;}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
iframeAdd();
});
function iframeAdd(){
var str = "<iframe frameborder='no' scrolling='no' src='http://hompylove.com/' width='800' height='500'></iframe>";
$("#container").append(str);
}
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
예제링크
댓글목록
등록된 댓글이 없습니다.
