使用Javascript，如何在不同的HTML页面上更改CSS显示属性

Question

所以，我想改变我的一个div的显示风格，这是我的javascript中的代码：

document.getElementById("header1").style.display='none';

现在问题... header1是不同页面上的div id，但我想通过选择当前页面上的选项来影响它。我该怎么做才能在进入下一页时隐藏header1？

提前谢谢！

Answer 1

您无法更改尚未加载到浏览器中的元素的属性。您必须使用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检索查询字符串值。

Answer 2

您可以将值传递到隐藏表单字段中的下一页，也可以通过url传递，然后当该页加载时使用该值在页面上设置所需的值。

Answer 3

如果要携带大量信息或携带多个页面，如何使用本地/会话存储，甚至是indexDB将值/选择传递到其他页面。节省了不需要的POSTS并且不需要任何服务器端代码