The main page index.html is like this
<body>
<p id="container">
</p>
<script src="js/main.js"></script>
</body>
Page page_1.html For the convenience of operation, there is only dom block and no Body html tag
<p class="page_1">
page_1
</p>
There are many such sub-pages page_2.html, page_3.html, page_4.html...
<p class="page_2">
page_2
</p>
<p class="page_3">
page_3
</p>
Now I want to add the content of page_1.html page_3.html to the <p id="container"> of index.html as needed. The execution environment can be react.js and the backend is added. .
Seeking popular science
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I don’t know about react. For jquery, just use load(). I guess loading through ajax is also possible. However, there are a few points to pay attention to:
1. It cannot be cross-domain.
2. Be sure to use it when calling the path. Address with domain name, such as changing $.get("page_1.html") to $.get("http://xxxxxxx/page_1.html")
This should be enough
Isn’t this what React itself is doing?
The above code only expresses a meaning, and the judgment part can be more complicated. "Pages" are all modules, which can be loaded according to conditions.
Is the suffix of page1 html? Then you can only add iframe