Skip to content

Instantly share code, notes, and snippets.

@maru0014
Last active Oct 27, 2015
Embed
What would you like to do?
jQueryのloadメソッドでパーツを読み込み2
<!DOCTYPE HTML>
<html lang="ja">
<head>
<!-- jquery読み込み Ver.1.8.3 -->
<script src="js/jquery.min.js"></script>
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("header.html");
$("#side").load("side.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div id="header">
ここにheader.htmlが読み込まれる
</div>
<div id="side">
ここにside.htmlが読み込まれる
</div>
<div id="main">
メインコンテンツは直接記述
</div>
<div id="footer">
ここにfooter.htmlが読み込まれる
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment