主页面index.html 主体是这样的
<body>
<p id="container">
</p>
<script src="js/main.js"></script>
</body>
分页面page_1.html 为了方便操作 只有dom块 ,无Body html 标签
<p class="page_1">
page_1
</p>
这样的分页面有很多个 page_2.html, page_3.html ,page_4.html...
<p class="page_2">
page_2
</p>
<p class="page_3">
page_3
</p>
现在想根据需要 将page_1.html page_3.html 的内容添加到 index.html 的<p id="container"> 中去, 执行环境可以是 react.js , 后端添加 。。
求科普
react不清楚,jquery的话用load()就行了,我估计通过ajax加载也是可以的,不过有几个需要注意的点是:
1.不能跨域
2.在调用路径的时候请务必使用带域名的地址,如 $.get("page_1.html")改成$.get("http://xxxxxxx/page_1.html")
应该这样就可以了
这不就是 React 本身在干的事吗?
以上代码只表达个意思,判断部分可以更复杂。「分页面」都是模块,根据条件加载即可。
page1后缀是html吗?那只能加iframe了