BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] 複数のhtmlページに含まれるヘッダーとフッターファイルの作成

2022-04-22 09:08:03

質問

複数のhtmlページに含まれる共通のヘッダーとフッターページを作りたいのですが、どうすればいいですか？

javascriptを使いたいのですが。htmlとjavascriptだけでできる方法はありますか？

別のhtmlページ内にヘッダーとフッターのページを読み込みたいのですが、どうすればいいですか？

どのように解決するのですか？

で実現できます。 jquery .

このコードを index.html 

<html>
<head>
<title></title>
<script
    src="https://code.jquery.com/jquery-3.3.1.js"
    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous">
</script>
<script> 
$(function(){
  $("#header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script> 
</head>
<body>
<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>
</body>
</html>

で、このコードを header.html と footer.html と同じ場所にある index.html 

<a href="http://www.google.com">click here for google</a>

さて、あなたが index.html をクリックすると、リンクタグをクリックできるようになります。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します