これを行うには、サーバーサイドページを介して、またはJavaScriptを介してです。
PHPの例:
<html>
<body>
<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>
</body>
</html>
Javascriptの例:
<script type="text/javascript">
function loadXMLDoc() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE) {
if (xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
else if (xmlhttp.status == 400) {
alert('There was an error 400');
}
else {
alert('something else other than 200 was returned');
}
}
};
xmlhttp.open("GET", "header.html", true);
xmlhttp.send();
}
</script>
JavascriptをjQueryを使って図書館:
$.ajax({
url: "header.html",
success: function(data){
$("myDiv").html(data.responseText);
}
});
あなたがjsの中にあなたの手を汚すしたくない場合w3schoolsが提供するスクリプトを使用して以下を行うことができます:
<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<body>
<div w3-include-html="header.html"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
ありがとうZubair W3schoolsソリューションは素晴らしいですが、それを使用しても安全ですか?それは他の開発者から使用されていますか? – NoName84
はい、次のhttp:// www.w3schools.com/lib/w3data.jsでソースコードをダウンロードできます。あなたのファイルシステムをローカルで見直してホストし、それをそこからインクルードします。 – zubair1024
ok Zubair1024あなたの助けに感謝 – NoName84