Le corps principal de la page principale index.html est comme ceci
<body>
<p id="container">
</p>
<script src="js/main.js"></script>
</body>
Page page_1.html Pour faciliter l'utilisation, il n'y a que le bloc dom et aucune balise HTML Body
<p class="page_1">
page_1
</p>
Il existe de nombreuses sous-pages de ce type page_2.html, page_3.html, page_4.html...
<p class="page_2">
page_2
</p>
<p class="page_3">
page_3
</p>
Maintenant, je souhaite ajouter le contenu de page_1.html page_3.html au <p id="container"> de index.html selon les besoins. L'environnement d'exécution peut être React.js et le backend est ajouté. .
À la recherche de la science populaire
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je ne sais pas pour réagir. Pour jquery, utilisez simplement load(). Je suppose que le chargement via ajax est également possible. Cependant, il y a quelques points à noter :
1. Il ne peut pas traverser le domaine
2. utilisez-le lorsque vous appelez l'adresse du chemin avec le nom de domaine, par exemple en changeant $.get("page_1.html") en $.get("http://xxxxxxx/page_1.html")
Cela devrait suffire
N'est-ce pas ce que fait React lui-même ?
Le code ci-dessus n'exprime qu'un sens, et la partie jugement peut être plus compliquée. Les « pages » sont tous des modules qui peuvent être chargés selon les conditions.
Le suffixe de la page1 est-il html ? Ensuite, vous ne pouvez ajouter que l'iframe