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

Using Javascript, how can I change the CSS display property on a different HTML page

本文关键字：属性 显示 CSS HTML Javascript 使用      更新时间：2023-09-26

所以，我想更改我的一个div的显示样式，下面是我的javascript:中的代码

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

现在的问题。。。header1是另一个页面上的div id，但我想通过在当前页面上选择一个选项来影响它。我该如何做到这一点，以便在进入下一页时隐藏标题1？

提前谢谢！

您不能更改尚未加载到浏览器中的元素的属性。您必须使用cookie或查询字符串来告诉您在加载页面时隐藏元素。

编辑

您可以使用以下javascript重定向到新页面。注意：?后面的所有内容都是querystring的一部分。

// 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"

查看获取javascript中的查询字符串值，了解如何通过javascript检索查询字符串值。

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

如果您有很多信息要携带，或者您正在跨多个页面携带，那么使用本地/会话存储，甚至indexDB将值/选择携带到另一个页面怎么样。节省了不需要的POSTS，并消除了对任何服务器端代码的需要

相关文章：