理由は非常に簡単です。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 関数を改善します
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 に書き込みます:
コード
コードは次のとおりです:
著者別の最新記事
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31