PDFObject의 핵심인 임베드 방법은 수많은 기능과 유연성을 제공합니다. 특정 코드 예제 및 작동하는 데모에 대한 예제를 참조하십시오. 실제로 JavaScript 없이 순수 HTML 태그를 사용하여 웹 페이지에 PDF를 포함시키는 몇 가지 예가 있습니다. PDF는 자바 스크립트를 사용하지 않고 HTML 페이지에 포함 될 수 있습니다. 다음은 가장 일반적인 기술의 네 가지 예입니다. 이 예제에서는 대상 요소의 차원은 PDF 개체-컨테이너 클래스를 통해 PDF가 포함된 경우에만 지정됩니다. 다음 두 예제는 동일한 기능을 갖습니다. API 메서드집합은 매우 제한적입니다. 실제로 위의 예제에서 데이터 및 src 속성을 자세히 살펴보면 URL에 #page=2가 추가된 것을 볼 수 있습니다. 이렇게 하면 표시되는 페이지를 제어할 수 있습니다. 매개 변수에 대한 완전한 참조를 찾고 있다면 Adobe가 2007년에 발표한 “PDF 파일 열기 매개 변수” 사양을 확인하십시오. 불행히도 이러한 매개 변수를 지원하는 것은 필요하지 않으므로이 플래그가 실제로 작동한다는 보장은 없습니다 (예를 들어, 이 것을 작성하는 동안 Safari 11은 이러한 속성을 존중하지 않는 것으로 나타났습니다).

참고: PDFObject는 요소에 클래스 pdfobject를 자동으로 적용하고 pdfobject-컨테이너를 대상 요소에 다시 포함합니다. 이렇게 하면 CSS에서 요소를 대상으로 지정하는 데 도움이 됩니다. 모든 브라우저가 또는 통해 PDF 보기를 구현할 것이라고 보장할 수 없습니다. 예를 들어, 특정 버전의 Internet Explorer에서는 사용자가 통해 PDF 렌더링을 지원하기 위해 Adobe Reader를 설치해야 하지만 다른 브라우저에서는 전혀 지원하지 않을 수 있습니다. 이 예제와 같이 페이지 매개 변수를 사용하여 페이지 번호를 지정하면 PDF가 지정된 페이지 번호로 자동 스크롤됩니다. 참고: 이러한 예제는 모든 최신 데스크톱 브라우저에서 작동하지만 이전 데스크톱 브라우저 및 모바일 브라우저에서는 결과가 달라집니다. iOS 9을 현재 iOS용 Safari에서는 이러한 예제가 제대로 작동하지 않습니다. 위의 PDF가 브라우저에서 어떻게 렌더링될지 궁금하다면 다음 예제 통합을 확인하십시오.

자세한 예제는 아래 예제 섹션을 참조하십시오. 브라우저가 PDF를 표시하도록 강제해야 하는 경우 Mozilla의 PDF.js를 사용하는 것이 좋습니다. PDFObject와 PDF.js는 함께 잘 재생, 아래의 예제 섹션에서 몇 가지 훌륭한 PDF.js 예제에 대 한 링크가 있습니다. 3. CSS를 선택적으로 사용하여 높이, 너비, 테두리, 여백 등과 같은 포함 요소의 모양을 변경할 수 있습니다. HTML 문서에 PDF 파일을 포함하기위한 오픈 소스 표준 친화적 인 JavaScript 유틸리티 여기 는 PDF가 index.html로로드 할 때처럼 보이기를 원합니다. 실제로 검색어를 클릭하면 이미지에서 볼 수 있는 것처럼 강조 표시 상자가 나타납니다. 그 하이라이트 상자가 지도에서 찾으려는 검색어에 대한 PDF와 함께로드하고 싶습니다.