Question

我创建了简单的登录按钮，只能管理员登录（只有1个密码可以工作）。点击按钮＆＃34;登录＆＃34;它带我到新的html文件。这个新的html文件中有一个隐藏的表单，但是当我用login输入它时我希望它可见。所以我在考虑document.getElementById（＆＃34; hidden_form＆＃ 34;）。style.display =＆＃34; block＆＃34 ;;但该表格不在该HTML文件中，因此无法正常工作。

这是按钮的javascript（所以当我点击它时会打开一个新的html文档）

<input type="password" id="password" /><br />
<input class="orangebutton" type="submit" value="Nastavi" 
onclick="if (document.getElementById('password').value == 'password')
 location.href='index.html'; else alert('Wrong password!');
" />

这是index.html中隐藏的表单：

 <form class="echo" id="form" style="display:none">

所以我希望它从display：none更改为display：当我被重定向到新站点时阻止。到目前为止我还没有任何想法，除了这一个：使用javascript检查前一页客户端去了哪个on，如果是登录页面，则将display：block放入，但如果不是，则执行display：none。我确定有一些更简单的方法，但目前无法想到任何方式。

Answer 1

如果您想在新页面/其他页面上更改某些内容，则应在其他页面中进行更改。使用javscript，您无法更改尚未加载的内容。

使用javascript执行此操作的最简单方法是：

<script type="text/javascript">
if (location.search == "?show") {
    document.getElementById("hidden_form").style.display = "block";
}
</script>

请注意，应在将<form>添加到DOM后执行此脚本。因此，最好在某些document.ready函数或位于<form>下方的脚本块中。

以admin身份登录时显示隐藏的表单（javascript，php）

1 个答案: