Webサイトのトップページなどで初めてページを開いた時のみ何か(例:アニメーションなど)を実行する方法です。
サイトを訪れた回数をcookieで取得することも可能ですが、今回は一度目のみを認識できれば良いのでパラメーターを使って簡単に実装します。
parameter.htmlとparameter2.htmlというファイルで確認をします。(ファイル名は任意です)
locationオブジェクトのsearchプロパティで取得した現在のURLのサーチ情報(?で始まる検索クエリ部分)を変数paramに代入し、変数paramの値が?count=2ではない場合「トップページに初めて訪れました」のアラートを出します。(それ以外の場合はアラートは出しません)
トップページに移動するためのa要素のhref属性に「parameter.html?count=2」と指定することで、二度目以降はURLのサーチ情報に?count=2が付与されます。
これによって2度目以降はアラートが出ず、初めてページを開いた時のみアラートを出すことができます。
parameter.htmlの記述
<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <title>パラメーターの値による条件分岐1</title> </head> <body> <a href="parameter.html?count=2">TOP</a> <a href="parameter2.html">別ページに移動</a> <script type="text/javascript"> let param = location.search; if(param !== "?count=2"){ alert("トップページに初めて訪れました"); //初めて訪れた時の処理を書く } </script> </body> </html>
parameter2.htmlの記述
<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <title>パラメーターの値による条件分岐2</title> </head> <body> <a href="parameter.html?count=2">トップへ戻る</a> </body> </html>