Javascript 应该消失的按钮,php/html

Javascript 应该消失的按钮,php/html,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在做一个网上商店,我需要做一个按钮,其中应该包括一个新页面的链接,之后将永远从商店的所有页面消失 到目前为止,我有以下代码: <input class="button" value="Press to Register" type="submit" name="submit" tabIndex="8" onClick = "this.style.visibility= 'hidden'; window.open('/my-account/','_top')"> <styl

我正在做一个网上商店,我需要做一个按钮,其中应该包括一个新页面的链接,之后将永远从商店的所有页面消失

到目前为止,我有以下代码:

<input class="button" value="Press to Register" type="submit" name="submit" tabIndex="8" onClick = "this.style.visibility= 'hidden'; window.open('/my-account/','_top')">

<style type="text/css">
.button {
        font-family: Verdana, Arial, sans-serif;
        display: inline-block;
        background: #459300 url('../images/orange_bg.jpg') top left repeat-x;
        border: 1px solid #459300 ;
        padding: 5px 7px 5px 7px;
        color: #fff;
        font-size: 12px;
        cursor: pointer;

                }

.button:hover {
        text-decoration: none;
                }

.button:active {
        padding: 5px 7px 5px 7px;
               }
</style>  

.按钮{
字体系列:Verdana、Arial、无衬线字体;
显示:内联块;
背景:#459300 url('../images/orange_bg.jpg')左上角repeat-x;
边框:1px实心#459300;
填充:5px7px 5px7px;
颜色:#fff;
字体大小:12px;
光标:指针;
}
.按钮:悬停{
文字装饰:无;
}
.按钮:激活{
填充:5px7px 5px7px;
}
所以按钮现在消失了,将我重新定位到一个新页面上,但在新页面上我仍然可以看到它


提前谢谢你

您需要创建cookie或本地存储

<input class="button" value="Press to Register" id="hideme" type="submit" name="submit" tabindex="8" onclick="this.style.visibility = 'hidden'; window.open('/my-account/', '_top'); localStorage.setItem('hideforever', 1);">
    <script>
        if (localStorage.getItem('hideforever') == 1) {
            document.getElementById("hideme").style.visibility = "hidden";
        }
    </script>
    <style type="text/css">
        .button {
            font-family: Verdana, Arial, sans-serif;
            display: inline-block;
            background: #459300 url('../images/orange_bg.jpg') top left repeat-x;
            border: 1px solid #459300;
            padding: 5px 7px 5px 7px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
        }

            .button:hover {
                text-decoration: none;
            }

            .button:active {
                padding: 5px 7px 5px 7px;
            }
    </style>

if(localStorage.getItem('hideForver')==1){
document.getElementById(“hideme”).style.visibility=“hidden”;
}
.按钮{
字体系列:Verdana、Arial、无衬线字体;
显示:内联块;
背景:#459300 url('../images/orange_bg.jpg')左上角repeat-x;
边框:1px实心#459300;
填充:5px7px 5px7px;
颜色:#fff;
字体大小:12px;
光标:指针;
}
.按钮:悬停{
文字装饰:无;
}
.按钮:激活{
填充:5px7px 5px7px;
}

我看到您正在使用WordPress登录。您应该能够通过检测用户是否登录来隐藏按钮,并在按钮所在的位置发出if语句。像这样:



您正在尝试登录用户吗?如果您在数据加载标题中有按钮,您应该将其从那里移走。请注意,这是注册按钮,如果用户按下该按钮,则会显示带有注册表单的新页面。因此,我不想再次显示此按钮,特别是在注册后,或者如果用户在项目中登录,则显示在此处:gazberg.eut这确实不是最佳解决方案。该按钮仍然存在,即使是隐藏的,也可以被网站上的每个人访问。是的,这不是最好的方法,但@O.Telegin使用CSS和Javascript隐藏按钮,我用CSS和Javascript的方式回答,否则PHP的方式很好实现它正是我要找的!很好!非常感谢@泰勒金,如果这个答案符合你的需要,你应该接受。非常感谢。