Javascript 按钮';s onclick函数不工作

Javascript 按钮';s onclick函数不工作,javascript,html,onclick,Javascript,Html,Onclick,我不知道为什么这个功能不起作用 HTML: 我想做的是:如果用户单击“登录”按钮,一个表单将消失,并显示display=“none”。按钮是此窗体的一部分,它也将消失。然后将显示第二个表单 它不起作用;想知道为什么吗?您的代码看起来不错,请查看下面的基本示例 希望这有帮助 函数loginformfunction() { document.getElementById(“welcomehomebtndiv”).style.display=“无”; document.getElementById

我不知道为什么这个功能不起作用

HTML:

我想做的是:如果用户单击“登录”按钮,一个表单将消失,并显示
display=“none”
。按钮是此窗体的一部分,它也将消失。然后将显示第二个表单


它不起作用;想知道为什么吗?

您的代码看起来不错,请查看下面的基本示例

希望这有帮助


函数loginformfunction()
{
document.getElementById(“welcomehomebtndiv”).style.display=“无”;
document.getElementById(“loginform”).style.display=“block”;
}
document.getElementById(“welcomehomebtnlogin”).addEventListener('click',loginformfunction,false)
#loginform{
显示:无;
}

欢迎回家
登录
登录分区

有错误吗?我现在正在看代码。尝试将console.log放入函数中,以查看其是否实际被调用。其工作原理如下所述:。错误一定在别处。我还想知道您是否在Whats the welcomehomebtndiv中看到任何错误?好的。所以我在Cordova应用程序上执行此操作,现在它在应用程序上工作正常,但有趣的是,它在浏览器上不工作。index.html:46拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“默认src‘self’数据:gap:‘unsafe eval’”。要么是‘unsafe inline’关键字,要么是散列('sha256-7v88ef4iy1Ow+iK9VyBkeqfMy4L+lpUCs3usT8Rpk+M='),要么是nonce('nonce-…'))是启用内联执行所必需的。还请注意,没有显式设置“script src”,因此使用“default src”作为后备。我知道代码很好。但它不起作用!请记住,按钮是我要删除或显示的同一个div的一部分=“none”。我告诉您另一件有趣的事情,mousover()工作正常,但单击一下()dosent.Okay@RAOHAMMAS尝试我的更新答案,通过在js代码中加载listner来替换
内联事件
。但问题是它与mouseover()一起工作很好。如果您使用的不是我在答案中建议的内联事件,则应该解决上面注释中的问题,请重新检查您的控制台。
<button id="welcomehomebtnlogin" type="button" onclick="loginformfunction()">Login</button>
function loginformfunction()
{
    document.getElementById("welcomehomebtndiv").style.display = "none";
    document.getElementById("loginform").style.display = "block";
}