javascript - 怎样加分页面的DOM,添加到主页面DOM元素中
世界只因有你
世界只因有你 2017-05-18 10:46:55
0
3
434

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

求科普

世界只因有你
世界只因有你

全部回复(3)
刘奇

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

Peter_Zhu

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

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

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

Peter_Zhu

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板