搜索

首页  >  问答  >  正文

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

主页面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 , 后端添加 。。

求科普

世界只因有你世界只因有你2793 天前489

全部回复(3)我来回复

  • 怪我咯

    怪我咯2017-05-18 10:48:55

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-05-18 10:48:55

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

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

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-05-18 10:48:55

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

    回复
    0
  • 取消回复