為什麼 jQuery 的 `load()` 函數在 Chrome 和 IE 中失敗，但在 Firefox 中運作？

Chrome 和IE 中的jQuery load() 迴歸

在Web 開發領域，jQuery 的load() 函數是一個流行的工具動態地將內容載入到網頁中。然而，用戶最近報告了一個問題，其中 load() 似乎只在 Firefox 中工作，而在 Chrome 和 Internet Explorer 中失敗。

為了調查這個差異，讓我們檢查原始發布者提供的一個簡單範例：

Index.html

<code class="html"><div id="stage"></div>

<script>
  $( "#stage" ).load( "list1.html" );
</script></code>

List1.html

<code class="html"><div id="list">
  <li>Test</li>
  <li>Foo</li>
  <li>Bar</li>
</div></code>

根據觀察，清單項目在Firefox 中正確顯示，但在Chrome 或IE 中不正確顯示。這表示存在與瀏覽器相關的問題。

解決方案：調整瀏覽器設定

此問題的解決方案在於了解瀏覽器如何處理文件存取。預設情況下，瀏覽器安全措施通常會限制網頁存取本機檔案的能力。

對於 Chrome 和基於 chromium 的瀏覽器，必須使用名為「--allow-file-access-from-files」的標誌設定允許頁面存取本機檔案。這可以透過使用以下命令啟動瀏覽器來完成：

chrome.exe --allow-file-access-from-files

參考文獻：

• [如何製作Google Chrome 標誌「- -allow- file-access-from-files」永久？ ](https://superuser.com/questions/1173194/how-do-i-make-the-google-chrome-flag-allow-file-access-from -files-permanent)

透過根據提供的解決方案修改瀏覽器設置，使用者應該能夠恢復jQuery 的load() 函數在Chrome 和IE 中的預期行為，使它們能夠動態載入來自本機檔案的內容。

以上是為什麼 jQuery 的 `load()` 函數在 Chrome 和 IE 中失敗，但在 Firefox 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！