所以,我想改变我的一个 div 的显示样式,这是我的 javascript 中的代码:
document.getElementById("header1").style.display='none';
现在的问题... header1 是不同页面上的 div id,但我想通过选择当前页面上的选项来影响它。我该如何去做,以便当我进入下一页时 header1 将被隐藏?
先感谢您!
所以,我想改变我的一个 div 的显示样式,这是我的 javascript 中的代码:
document.getElementById("header1").style.display='none';
现在的问题... header1 是不同页面上的 div id,但我想通过选择当前页面上的选项来影响它。我该如何去做,以便当我进入下一页时 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 并消除对任何服务器端代码的需要