소스자료실

HTML안에 HTML 로드 하기

by 콘디쌤 posted May 18, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title></title>

<style>
    body {
        margin: 0;
    }
    div, header, footer {
        position: relative;
    }
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
    
    $("header").load("header.html");
    $("footer").load("footer.html");

});
</script>
    
</head>
<body>
    <header></header>
    
    <div class="content"></div>
    
    <footer></footer>
</body>
</html>