- 2912 月
-
如何在靜態頁引入動態判斷的區塊
一般這類的應用是在 ad, log, tracking, member real-time info, 動態內容靜態化處理等等…
雖然有即時更新的好處,但缺點就是多一個 js 請求,內容不利於 SEO,會操伺服器。- 將需要動態判斷的區塊改用 js 引入檔,區塊內容改用 js 格式輸出。
- 將 html 改用 document.write 輸出,注意 document.write 的操作要在 DOM Ready 之前。
- 脫掉原先的 <script> 區塊的 script 標籤外衣,還有 browser 相容性註解。
- 用 php 來產生 js,注意 php 及 js 語法的切換及串接,php 會先行解析完成,再組合出 js 語句。
- 注意本身這個 js 是一個動態程式,例如 php。
- 即使 js 本身是 php 還是會被 browser 快取住,所以要讓每一次 js 引入請求都是 unique 的連結。
- 這個 unique 的連結,要在客戶端完成,而不是伺服端完成,這樣才可以讓靜態頁也能動態引入。
- 改用 js 動態產生 unique 連結時,要留意網址的參數串接,不能用 & 要改用 &。
- 若有 ssl 切換問題,要在 js 作好 http 及 https 的切換。
程式碼:
程式碼:
Posted by admin Posted on 29 12 月 - 將需要動態判斷的區塊改用 js 引入檔,區塊內容改用 js 格式輸出。
Post Comments 0