想改善這個問題?通過編輯這篇文章,更新問題,使其只關注一個問題。
由于你似乎使用php,我建議在服務器端使用:
<!-- index.php file -->
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
</head>
<body>
<h2>This is INDEX PAGE</h2>
<div id="includeHtml">
<?php include 'newwindow.php' ?>
</div>
</body>
</html>
請注意,您必須將index.html重命名為index.php,將newwindow.html重命名為newwindow.php
如果你想用javascript加載html,你可以這樣做:
<html>
<body>
<h2>This is INDEX PAGE</h2>
<div id="includeHtml"></div>
</body>
</html>
<script>
window.addEventListener('DOMContentLoaded', async function() {
try {
const response = await fetch('html-to-include.html');
document.getElementById('includeHtml').innerHTML = await response.text();
} catch (error) {
console.error('Error:', error);
}
});
</script>
此外,除了Onki Hara上面所說的,您還可以使用php來包含html文件,而不僅僅是php文件。
<div id="includeHtml">
<?php include 'newwindow.html' ?>
</div>
上一篇node運行vue網站
下一篇python 畫樹 遞歸