ホームページ >ウェブフロントエンド >jsチュートリアル >JSパラメータの受け渡し_javascriptスキルの実践的なアプリケーションコード分析
JSパラメータの受け渡し_javascriptスキルの実践的なアプリケーションコード分析
- WBOYオリジナル
- 2016-05-16 18:46:45873ブラウズ
理由は非常に簡単です。DOM に msg_box という ID を持つ div タグがありません。この問題を解決するにはどうすればよいでしょうか。
解決策:
すべてのページに共通のヘッダー ファイル header.tpl.html を書き込みます:
コードをコピーコードは次のとおりです:
<script> <br>function changMenu(index){ <br>if(typeof getElementById("msg_box") == "object"){ <br>/ / msg_box オブジェクトが存在する場合は、ページのオブジェクトを更新します。 <br>showMenu(index); <br>}else{ <br>// 存在しない場合は、Ajax を使用して更新されたページにリダイレクトします。<br>ウィンドウ。 location = "/index.html"; <br>} <br>} <br></script>
ただし、プロジェクトのindex.htmlには同じ性質の4つのページがあります。ユーザーが 3 列目をクリックすると、index.html に戻ることはできますが、3 列目のコンテンツを更新できません。現時点では 2 つの解決策があります:
オプション 1:
ステップ 1:
すべてのページに共通のヘッダー ファイル header.tpl.html に書き込みます:
コードをコピー コードは次のとおりです:
<script> <br>function changMenu(index){ <br>if(typeof getElementById( "msg_box") == "object"){ <br>//msg_box オブジェクトが存在する場合は、ページのオブジェクトを更新します <br>showMenu(index) <br>}else{ <br>//存在する場合は更新します存在しません Ajax を使用してページを直接更新します <br>window.location = "/index.html?type=index; <br>} <br>} <br></script> 🎜> ステップ 2:
showMenu 関数を改善します
コードをコピー コードは次のとおりです: function showMenu (index){
if(typeof getElementById("msg_box") == "object"){ //msg_box オブジェクトが存在する場合、ページのオブジェクトを更新します
... ...
}else{
url = window.location.href;
reg = /^(.*)/index.html?type=d$/gi; test(url)){
//パラメータページのURLと一致する場合。次に、パラメータ
index = url.substr(url.length - 1)
....
}
}
}
を取得します。オプション 2:
JS の cookie 関数を呼び出してパラメータを渡します
すべてのページに共通のヘッダー ファイル header.tpl.html に書き込みます:
... ...
}else{
url = window.location.href;
reg = /^(.*)/index.html?type=d$/gi; test(url)){
//パラメータページのURLと一致する場合。次に、パラメータ
index = url.substr(url.length - 1)
....
}
}
}
を取得します。オプション 2:
JS の cookie 関数を呼び出してパラメータを渡します
すべてのページに共通のヘッダー ファイル header.tpl.html に書き込みます:
コード