javascript - 怎樣加分頁面的DOM,加入到主頁DOM元素中
世界只因有你
世界只因有你 2017-05-18 10:46:55
0
3
459

主頁面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了

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板