猫とコード

化学メーカーでweb開発している猫大好きエンジニアの備忘録です。

JavascirptのGETパラメータのPDFリンクを読み取りiframeに展開する.

この手のはいつもClassic ASPで書いてますが,ASP使わなくてもJSで書けたことがわかりました.

ただそのまま読み込んでURLをIframeに移すのはあまりよくないのでチェックが必要なことと,JSを無効にしているとページが表示されないこと(iframeの基本のクロスオリジンの理解も必要)なので没になりました.

    $(function(){
      var currentUrl = window.location.href;
      var parameterString = currentUrl.slice(currentUrl.indexOf('?') + 1);
      var parameters = {};
      parameterString.split('&').forEach(function (pair) {
        var keyValue = pair.split('=');
        var key = keyValue[0];
        var value = decodeURIComponent(keyValue[1] || '');
        parameters[key] = value;
      });
      var pdflink = parameters['pdf'];
      if(pdflink != undefined || pdflink != ''){
        pdfstr = pdflink + "#toolbar=0&navpanes=0"
        $("#frame").attr("src",pdfstr);
      }
    });
...
</head>
<iframe id="frame" width="100%" height="740px" src=""></iframe>
</html>