JQuery作者之一John Resig所說,jQuery是“Write less, do more”,它將幾乎所有JavaScript交互和動畫效果作為快捷方式實現。然而,jQuery的強大功能也會使我們陷入麻煩。其中一個常見問題是有時通過iFrame加載的頁面會返回404錯誤。今天我們將討論如何解決這個問題。
// 以下是示例代碼 $("iframe").each(function() { $(this).on("load", function() { var frameDoc = this.contentWindow.document; if (frameDoc.location.href == "about:blank") { console.log("Blank page!"); } else if (frameDoc.location.href == "about:srcdoc") { console.log("Page created using srcdoc attribute!"); } else if ($(frameDoc).find("title").text() == "404 Not Found") { console.log("Page not found!"); } }); });
以上代碼首先選擇所有的iFrame,然后綁定“load”事件以便在加載完成時觸發。代碼通過確保iFrame已加載完整的內容來檢測是否已獲取404錯誤。我們通過檢查不能正確加載的文檔狀態、頁面標題和URL來執行錯誤檢測。
在多次測試后,我們可以使用以上代碼很好地解決了iFrame加載頁面返回404錯誤的問題。