2 つのオプション: 1 つは直接リンクで、<a href=""/> と同様に PDF ファイルを img ファイルとして扱い、次のようにリンクします。
次のようにコードをコピーします。
<frame src="pdf ファイルアドレス"></frame>
別の方法: js プラグインを使用します。
PDF ファイルを読み取るための JS プラグインは次のとおりです。 pdf.js: 主にローカル技術サポートなしで HTML5 プラットフォーム上で PDF ドキュメントを表示するために使用される技術プロトタイプです。 jsPDF: JavaScript 言語を使用するオープン ソース ライブラリです。 PDF を生成します (IE はまだサポートされていません)。
比較的シンプルで使いやすい js プラグイン: PDFObject.js。これは、PDF ドキュメントを HTML に動的に埋め込むために使用される JavaScript ライブラリです。
効果は次のとおりです。
PDFObject.js が 1.2 にアップグレードされ、IE9 をサポートできるようになりました。
PDFObject.js 目的: 場合によっては、ちょっとした JavaScript が必要になることがあります。その場合は、PDFObject を試してください。
ごく少数の JS コードを見てみましょう。
次のようにコードをコピーします。
<script type="text/javascript">
window.onload = 関数 (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
はい、それだけです。住所を正確に書くだけです。
div に PDF をロードするとどうなりますか?公式サイトを見ると、embed()メソッドはパラメータを持たずに本体を参照し、パラメータは特定の位置を参照することができます。
次のようにコードをコピーします。
<script type="text/javascript">
window.onload = 関数 (){
var success = new PDFObject({ url: "sample.pdf" }).embed("div の id");
};
</script>
もちろん、プレビューする秒数、CSS あり、CSS なしなど、さらにパラメータを設定することもできます。