BinaryDevelop
  1. ホーム
  2. html

[解決済み] HTMLファイルへのリンクは可能ですか？

2022-02-05 08:19:18

質問事項

私のウェブサイトは全体的に同じナビゲーションメニューを使用していますが、各ページのHTMLコードを書き換える代わりに、CSSを使用するように2番目のHTMLファイル（ナビゲーションのHTMLコードを含む）にリンクすることはできますか？ それとも、問題が発生するのでしょうか？

解決方法は？

簡単な方法としては、ヘッダー部分を別のhtmlファイルにすることです。

このファイルを jQuery を使って html コードにロードします。 load のような関数があります。 

$("#headerDiv").load("header.html")

load関数はサーバーにリクエストを送るので、これはWebサーバーを必要とすることを知っておいてください。

コードサンプルをご覧ください。

demo.html 

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script> 
   $(function(){
    $("#headerDiv").load("header.html");
   });  
</script>
</head>
<body>
<div id="headerDiv"></div>
<!-- Rest of the code -->
</body>
</html>

ヘッダ.html 

<div >
    <a>something</a>
    <a>something</a>        
</div>

関連

最新

おすすめ

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