추가 외부 JS 파일을 포함하여 전체 페이지의 데이터를 현재 페이지로로드하는 가장 좋은 방법은 무엇입니까? 나는 그것을하는 방법을 압니다. 그러나 어떤 방법이 더 낫습니다. iFrame 또는 사업부? 현재 jQuery에서 DivX로 데이터를 Ajaxing하고 있습니다. 그런 다음 필요하지 않을 때이 div를 토글합니다.Div 또는 iFrame에 외부 데이터로드?
답변
iframe
은 미디어 파일/콘텐츠를 포함하는 데 사용됩니다. pdf, 플래시, 이미지, 비디오 등 iframe
은 html을 포함하는 데 사용될 수 있지만 훌륭한 결과는 얻을 수 없습니다. 만약 당신이 외부 HTML 페이지를 첨부하려면/div
요소를 사용해야한다고 생각합니다. 그러나 웹 페이지에 미디어 컨텐츠를 추가하려면 iframe
요소를 사용해야합니다. 자바 스크립트를 사용하여 토글 버튼을 만들 수 있습니다. 삽입하려는 JS는 기본 페이지 (첨부 파일/내용이 포함 된 마스터 페이지) 또는 삽입 할 페이지에 포함될 수 있습니다. 그러나 조심하십시오. 동일한 기능을 가진 JS를 두 개 이상 부착하지 마십시오. 브라우저가 혼란 스럽습니다 (예 : jqueryUI-1.9.0 및 jqueryUI-10.0.2 첨부).
외부 페이지가 동일한 CSS를 사용하면 좋지 않습니다. 수업. 더 나은 iframe 사용 – bksi
피할 수 있으면 iFrames에 조언 할 것입니다. 초기 페이지로드시 모든 JS 라이브러리를 다운로드하십시오. 가용성 문제가 발생하면 AJAX로 처리합니다.
IFrames 지저분 해지기를 막을 수 있습니다, 나는 일종의 iFrames가 그렇게 나쁘다는 것을 물었습니다. 웹 응용 프로그램을 사용하면 SEO가 발생하지 않고 요소를 대상으로 할 수 있습니다. JS가 초기 페이지로드에 모두 들어 있다는 점은 Minified JS가 초기로드를 신경 쓰지 않을만큼 작기 때문에로드 할 이유가 없다는 점입니다. ColorBox iFrame에서 선택할 수있는 대형 사진 갤러리를로드하는 웹 앱을 만들고 있습니다. 하지만 Divs에로드 할 템플릿의 선택과 같은 다른 것들. – Adamz
@AdamRidley 그들은 동적 페이지로드 (현재 페이지를 떠나지 않고 무언가를 변경하거나 파일을 업로드)를 제공하기 위해 주로 과거에 사용되었습니다. 이것은 AJAX/JavaScript가 채택 된 이후 현재는 사용되지 않는 모든 실질적인 목적을 위해 중복되어 있습니다. 또한 많은 사이트에서 iFrames를 사용하여 페이지로드를 차단합니다 (StackOverflow가이 작업을 수행함) –
- 1. div 또는 iFrame에 PDF 파일 표시
- 2. 외부 사이트를 iframe에 표시
- 3. processingjs에 외부 데이터로드
- 4. 외부 파일 jQuery에서 데이터로드
- 5. JQTouch 용 JSON을 사용하여 외부 데이터로드
- 6. 외부 도메인에 Javascript가있는 Iframe에 액세스
- 7. ajax를 사용하여 iframe에 외부 div를로드하십시오.
- 8. three20 - TTViewController에 대한 외부 데이터로드
- 9. 내 컴퓨터의 외부 파일에서 데이터로드
- 10. xml 파일에 저장된 외부 데이터로드
- 11. iframe에 외부 소스가있는 콘텐츠가 있는지 확인하는 방법
- 12. 다운로드 관리자가 설치된 경우 div 또는 iframe에 PDF가 표시되지 않습니다.
- 13. 자바 스크립트 또는 jquery로 외부 json 파일의 데이터로드
- 14. iframe에 특정 ID가있는 외부 페이지가있는 div를 표시합니다.
- 15. HTML5 섹션 또는 외부 컨테이너 용 div
- 16. 외부 데이터로드 후 VBA 프로 시저 시작
- 17. D3.js - 외부 데이터로드 및 조작
- 18. 웹 페이지에서 iFrame에 대한 외부 링크를 만듭니다.
- 19. Wordpress 페이지의 $ _GET 변수를 외부 iFrame에 전달
- 20. 플레이 프레임 워크 - 외부 데이터베이스의 데이터로드
- 21. django를 사용하여 외부 텍스트 파일에 데이터로드
- 22. Shopify - Liquid 템플릿의 외부 REST API에서 데이터로드
- 23. div 외부 콘텐츠 오버플로
- 24. 포장 외부 'DIV'
- 25. div 외부 오버플로 img
- 26. div 외부 프레임
- 27. GET을 사용하여 외부 웹 서버 iframe에 ASP.NET 값 전달
- 28. 외부 div 높이를 초과하는 내부 div 숨기기
- 29. 쿠키를 iframe에 설정 src
- 30. 데이터로드
작동하는 JS를 포함한 모든 기능 페이지를 원한다면 IFRAME –
안녕하십니까 .Div에 삽입 할 때 JS 내부 또는 외부를 사용하는 데 아무런 문제가 없습니다. 설명 된 내용을 사용합니다. 여기 페이지의 중간에 http://stackoverflow.com/questions/14735762/load-html-page-dynamically-into-div-with-jquery by user957863 사용 –
Adamz