サブウィンドウに外部リソースを埋め込む方法(2023/11/30)

外部リソース(文書など)をサブウィンドウに埋め込む方法についての忘備録。

HTML & JAVA

例1:サブウィンドウに手を加えず、PDF ファイルだけをそのまま開く場合 親ウィンドウ(サブウィンドウの記述は不要) function OpenTestSubwindow() {   window.open("https://www.xxxxx.pdf", "subwindow", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=1000, height=780, left=0, top=0"); } 例2:サブウィンドウに手を加える場合(この例では閉じるボタンと提供元を表示) 親ウィンドウ function OpenTestSubwindow01() {   window.open("../details/test_subwindow01.html", "subwindow", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=1000, height=780, left=0, top=0"); } サブウィンドウ <object data="https://www.xxxxx.pdf#toolbar=0" width="1000" height="780" type="application/pdf"></object> または <embed src="https://www.xxxxx.pdf#toolbar=0" width="1000" height="780" type="application/pdf"> または <iframe src="https://www.xxxxx.pdf#toolbar=0" frameborder="0" width="1000" height="780"></iframe> なお、#toolbar=0(ツールバーを非表示)は Edge と Chrome では有効だが、Firefox では無効。 次の方法だと、ブラウザの設定によってはブロックされてしまう。 <body onload="window.open('https://www.xxxxx.pdf', 'width=1000, height=780');"> PDF ファイルと同様の方法で動画を埋め込むこともできるが、YouTube だとエラーになることがある。ネットで「YouTube 埋め込み エラー」で検索すると数多くの記事がヒットするので、普遍的な問題のようだ。

< 前の記事次の記事 >