javascript - 關於jquery的load()同步阻塞

Question

現在要在一個主頁中分別載入頁頭和頁尾，用iframe效能不好，純html頁面所以也不能用php的include方法直接載入頁面，React、angular這些框架的模板導入我也還沒學過，所以想來想去只能jquery的load()載入進來，...

滿天的星座 · Answer

load()預設就是非同步載入的，不會造成主執行緒阻塞。所以警告中的同步阻塞問題不是這裡單一的load()造成的。後來我查了子頁面，發現子頁面中有

ringa_lee · Answer

1.此方法的底層呼叫的是$.ajax()方法，對服務端進行ajax請求。所以預設就是非同步載入的，不會造成主執行緒阻塞。
。不過因為預設就是非同步加載，所以就可能出現這種情況，頁面主體部分先顯示出來，而後服務端的頁頭，頁尾資料才返回過來並插入頁面中，導致頁面主體部分，頁頭，頁尾不同時出現，會閃一下。
2.我遇到的情況是頁頭頁尾搭配相對固定的情況，因此可以做一個模板頁面，頁頭和頁尾寫死在其中，而後頁面的主體部分嵌入iframe，根據情況設置iframe的地址指向相應的具體頁面。

某草草 · Answer

1當然可以.

var html = $.get('xx.yy');
$('selector').html(html);

2.我通常是頭和尾,加上content,會做成base.html,php用的時候會extend base.html

javascript - 關於jquery的load()同步阻塞

全部回覆(3)我來回復