動态顯示
默認系統是(shì)通過生成全靜态頁面來(lái)顯示内容的(de),這(zhè)樣的(de)好處有很多,比如加載速度快、安全性高、服務器負載小、便于(yú) SEO 優化等等。
但是(shì)有些情況下,我們希望能夠實時(shí)顯示數據,而(ér)不(bù)是(shì)每次需要(yào / yāo)生成頁面後才能顯示最新的(de)數據,這(zhè)種情況下我們就(jiù)需要(yào / yāo)采用動态顯示方式顯示内容了(le/liǎo)。
我們可以(yǐ)通過屬性來(lái)切換動态顯示,也(yě)可以(yǐ)通過動态标簽來(lái)切換動态顯示,下面分别進行說(shuō)明。
通過屬性切換動态顯示
大(dà)部分标簽都擁有 isDynamic 屬性,用于(yú)設置是(shì)否将此标簽動态顯示。
<stl:contents isDynamic="true">
<stl:a></stl:a>
</stl:contents>
1
2
3
2
3
通過元素切換動态顯示
如果需要(yào / yāo)動态顯示的(de)标簽比較多,可以(yǐ)使用 <stl:dynamic>
将這(zhè)些代碼嵌套進來(lái)實現動态顯示。請參考:<stl:dynamic>
容器元素。
<stl:dynamic>
<stl:channel type="title"></stl:channel>
<stl:contents>
<stl:a></stl:a>
</stl:contents>
</stl:dynamic>
1
2
3
4
5
6
2
3
4
5
6
腳本事件
Js 腳本事件隻能通過定義 <stl:dynamic>
元素的(de)屬性來(lái)支持。
<stl:dynamic>
标簽是(shì)由 Ajax 來(lái)實現的(de),頁面通過 Js 發起動态請求,服務器返回請求結果并顯示在(zài)頁面中。
動态内容由于(yú)通過 Ajax 加載,會有一(yī / yì /yí)定的(de)延遲,我們可以(yǐ)通過定義 Ajax 事件來(lái)進行精确控制。
請參考:Js 腳本事件。