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