jQuery의 `load()` 기능이 Chrome 및 IE에서는 실패하지만 Firefox에서는 작동하는 이유는 무엇입니까?

Chrome 및 IE의 jQuery load() 회귀

웹 개발 세계에서 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 및 크롬 기반 브라우저의 경우 "--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)

제공된 솔루션에 따라 브라우저 설정을 수정함으로써 사용자는 Chrome 및 IE에서 jQuery의 load() 함수의 예상 동작을 복원하여 동적으로 로드할 수 있어야 합니다. 로컬 파일의 콘텐츠.

위 내용은 jQuery의 `load()` 기능이 Chrome 및 IE에서는 실패하지만 Firefox에서는 작동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!