□技術メモ - JavaScript サンプル ※管理人の個人的な技術メモです。サンプルソースを実行した結果について管理人はいかなる責任も負いかねますのでご自身の責任でお試しください。 ----------------------------------------------------------- ○パラメータの値をフィールドに反映させる・submitの際に現在の画面の情報がURLに反映される。・次の画面ではURLのパラメータを取得して、これを画面に反映させている。・フィールドに日本語が入っている場合はエンコードされてURLに設定されるので、取得の際はdecodeURIComponent()での変換が必要になる。 common.js -------- window.onload = initText; function initText(){ alert("initText - start!"); var strInit = "X,Y,Z"; var saNames = strInit.split(','); var objReq = new Object(); for(i in saNames) { objReq[ saNames[i] ] = ""; //パラメータ初期化 } objReq = getObjReq(objReq); //パラメータ取得 document.getElementById('id_x').value = objReq["X"]; document.getElementById('id_y').value = objReq["Y"]; document.getElementById('id_z').value = objReq["Z"]; alert('パラメータをフィールドに反映しました'); } function getObjReq(objReq){ var strPara = location.search.substring(1); // ? より右側を取得 var saPara = strPara.split('&'); // & で分割 for(i in saPara) { var saElement = saPara[i].split('='); var strName = decodeURIComponent(saElement[0]); var strVal = decodeURIComponent(saElement[1]); objReq[strName] = strVal; alert("パラメータを取得しました : " + strName + " : " + strVal); } return objReq; } function checkText(){ alert("checkText - start!"); for(i=0; i ----------------------------------------------------------- ○ハッシュを取得する・URLにおけるハッシュとは、URLの#以降の値のこと。・URLにハッシュの指定があると、ページを開いたときに、「id=ハッシュ値」のコードがある箇所にジャンプする。・location.hashで、ハッシュの値を取得、もしくは設定できる。 test.html C:\workに配置する -------- -----------------------------------------------------------