だから、私は私のdivの1つの表示スタイルを変更したいと思います、これが私のjavascriptのコードです:
document.getElementById("header1").style.display='none';
問題...header1は別のページのdividですが、現在のページのオプションを選択することでそれに影響を与えたいと思います。次のページに移動したときにheader1が非表示になるようにするには、どうすればよいですか?
前もって感謝します!
だから、私は私のdivの1つの表示スタイルを変更したいと思います、これが私のjavascriptのコードです:
document.getElementById("header1").style.display='none';
問題...header1は別のページのdividですが、現在のページのオプションを選択することでそれに影響を与えたいと思います。次のページに移動したときにheader1が非表示になるようにするには、どうすればよいですか?
前もって感謝します!
ブラウザにまだロードされていない要素のプロパティを変更することはできません。ページが読み込まれるときに要素を非表示にするように指示するには、Cookieまたはクエリ文字列を使用する必要があります。
編集
次のJavaScriptを使用して、新しいページにリダイレクトできます。注:に続くもの?
はすべてクエリ文字列の一部です。
// Redirect without querystring
window.location = "http://www.mySite.com/default.html"
// Redirect with querystring
window.location = "http://www.mySite.com/default.html?hide=true"
// Redirect with multiple values in querystring
window.location = "http://www.mySite.com/default.html?hide=true&test=1"
get-query-string-values-in-javascriptをチェックして、javascriptを介してクエリ文字列値を取得する方法を確認してください。
非表示のフォームフィールドで、またはURLを介して次のページに値を渡すことができます。その場合、そのページが読み込まれるときに、その値を使用してページに目的の値を設定します。
運ぶ情報がたくさんある場合や複数のページにまたがって運ぶ場合は、ローカル/セッションストレージ、またはindexDBを使用して値/選択を他のページに運ぶのはどうですか。不要なPOSTSが不要になり、サーバー側のコードが不要になります