JavaScript를 사용하여 Div에 HTML 페이지 로드: 문제 해결
단순함에도 불구하고 JavaScript를 사용하여 HTML 페이지를 div에 로드하는 것은 때때로 문제가 될 수 있습니다. , 특히 다른 브라우저에서. 이 문서에서는 개체 태그를 사용하여 Google Chrome에서 페이지를 로드할 때 발생하는 특정 문제를 다룹니다.
원래 문제:
객체 태그를 활용하는 제공된 코드 , Firefox에서 페이지를 성공적으로 로드했습니다. 그러나 Google Chrome에서 동일한 작업을 시도하면 브라우저에 플러그인을 요청하는 메시지가 표시됩니다.
해결책:
철저한 조사 끝에 해결책이 확인되었습니다. 개체 태그의 type 속성 값을 "type/html"에서 "text/html"로 변경하여 Google Chrome의 문제를 해결했습니다.
Firefox와 Google Chrome 모두에서 작동하는 업데이트된 코드는 다음과 같습니다.
function load_home() { document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>'; }
설명:
type/html 값은 일반적으로 Firefox와 같은 이전 브라우저에서 인식되지만 Google Chrome과 같은 일부 최신 브라우저에는 더 엄격한 MIME 유형 요구 사항이 있습니다. . "text/html"을 명시적으로 지정함으로써 브라우저 간 호환성을 보장하고 플러그인 프롬프트가 필요하지 않습니다.
위 내용은 내 HTML 페이지가 Google Chrome에서는 플러그인으로 로드되지만 Firefox에서는 로드되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!