Queryなしでpdfのリンクファイルのみ別ウィンドウで表示

JavaScriptでやる必要があります。

<script> // ドキュメントの読み込み完了後に実行されるコード document.addEventListener("DOMContentLoaded", function() { // PDFファイルへのリンクを取得 var pdfLinks = document.querySelectorAll("a[href$='pdf']"); // 各PDFリンクに対して処理を行う pdfLinks.forEach(function(link) { // クリックイベントを追加 link.addEventListener("click", function(event) { // デフォルトの動作をキャンセル event.preventDefault(); // 新しいウィンドウでPDFを開く window.open(link.getAttribute("href")); }); }); }); </script>

このコードは、ドキュメントが完全に読み込まれた後に実行されます。その後、PDFへのリンクを取得し、各リンクにクリックイベントを追加します。そして、クリックされたときにデフォルトの動作をキャンセルし、新しいウィンドウでPDFを開くと思います

コメントを投稿

0 コメント