怎样加分页面的DOM,添加到主页面DOM元素中

主页面index.html 主体是这样的

<body>
    <div id="container">
        
    </div>
    <script src="js/main.js"></script>
</body>

分页面page_1.html 为了方便操作 只有dom块 ,无Body html 标签

<div class="page_1">
    page_1
</div>

这样的分页面有很多个 page_2.html, page_3.html ,page_4.html...

<div class="page_2">
    page_2
</div>

<div class="page_3">
    page_3
</div>

现在想根据需要 将page_1.html page_3.html 的内容添加到 index.html 的<div id="container"> 中去, 执行环境可以是 react.js , 后端添加 。。

求科普

阅读 3.3k
4 个回答

react不清楚,jquery的话用load()就行了,我估计通过ajax加载也是可以的,不过有几个需要注意的点是:
1.不能跨域
2.在调用路径的时候请务必使用带域名的地址,如 $.get("page_1.html")改成$.get("http://xxxxxxx/page_1.html")
应该这样就可以了

这不就是 React 本身在干的事吗?

<div id="container">
    {(condition) ? <Page1> : <Page2>}
</div>

以上代码只表达个意思,判断部分可以更复杂。「分页面」都是模块,根据条件加载即可。

page1后缀是html吗?那只能加iframe了

用ajax获取html的内容,再给目标元素设置innerHTML就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题