iframe的src屬性設為'#'導緻父頁面二次加載

發生情景

子

iframe

包含在父頁面中，我們想在加載父頁面的時候，不立即加載子

iframe

，于是我們設定了子

iframe

的

src

屬性值為

#

作為占位符。

問題

打開chrome開發者工具，向伺服器發送請求加載父頁面。在開發者工具Network頁籤下，會發現加載父頁面的請求它發送了兩次，這肯定不是我們希望的情況。

解決方式

若希望在加載父頁面的時候，不去立即加載子

iframe

，而是再觸發某個事件的時候再去加載子

iframe

，我們可以将子

iframe

的

src

屬性值設定為空串，即

<iframe src='' name="test" frame scrolling="yes"></iframe>

。上述方式，不會導緻父頁面二次加載問題