幻魔ナイトブログ

主に絵、音楽、プログラミングなどについて書きます。

java scriptでページ遷移その2

概要

あなたがこのページを見ているということはもうjavascriptによるページ遷移は成功したのでしょう。

皆さんこんにちは。
今日は自動ページ遷移を行う方法を共有します。

もし他のページからいきなりこのページに来てしまったのなら以下のリンクをクリックしてみてください。またこのページに戻ってくるはずです。一般的にリダイレクトと呼ばれる技で特定のページへのアクセスを別のページに送ることができます。 

mahimahironron.hateblo.jp

説明

リダイレクトの方法はいくつかありますが、今回はjabvascriptを使います。以下のスクリプトを貼ります

<p>
<script type="text/javascript" language="javascript">// <![CDATA[
// 今いるページののurl
  var href = window.location.href;
  // 記事ページのurをl正規表現で取得
  var re = new RegExp(".*entry.*");
  if (re.test(href)) {
    // 新url
    var new_url = "https://mahimahironron.hateblo.jp/entry/2019/10/30/java_script%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E9%81%B7%E7%A7%BB%E3%81%9D%E3%81%AE%EF%BC%92";
    // リダイレクト 3秒で移動するよう設定
    setTimeout("redirect()", 3000); 
    function redirect(){
      location.href = new_url;
    }
  }
// ]]></script>
// 記事ページのurl正規表現 var re = new RegExp(".*entry.*"); 
if (re.test(href)) { // 新url var url = "https://mahimahironron.hateblo.jp/entry/2019/10/30/java_script%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E9%81%B7%E7%A7%BB%E3%81%9D%E3%81%AE%EF%BC%92";
 // リダイレクト setTimeout("redirect()", 2000);
// 2秒後 function redirect(){ location.href = url; 
} } // ]]&gt;</p>
<p>

お問合わせはこちら