Javascript 在我的模板垂直菜单栏是有我想它会被隐藏,而页面加载

Javascript 在我的模板垂直菜单栏是有我想它会被隐藏,而页面加载,javascript,Javascript,我只用于隐藏和显示,但不用于页面加载 我想在onclick事件中启用或禁用它,在页面加载时隐藏它 函数openNav(){ document.getElementById(“mySidenav”).style.width=“15%”; } 函数closeNav(){ document.getElementById(“mySidenav”).style.width=“0”; } sidenav{ 身高:100%; 宽度:15%; 位置:固定; 背景色:#4682B4; 溢出x:隐藏; 过渡:0.

我只用于隐藏和显示,但不用于页面加载

我想在onclick事件中启用或禁用它,在页面加载时隐藏它

函数openNav(){ document.getElementById(“mySidenav”).style.width=“15%”; } 函数closeNav(){ document.getElementById(“mySidenav”).style.width=“0”; }
sidenav{
身高:100%;
宽度:15%;
位置:固定;
背景色:#4682B4;
溢出x:隐藏;
过渡:0.5s;
}

如果我理解正确,您可以

#mySidenav{
    visibility: hidden;
}
装载后

document.getElementById("mySidenav").style.visibility= "visibile";

这将在加载时隐藏sidenav,并在加载后显示。

欢迎使用SO!共享更好的代码,提供的不足以回答。另外,使用
angularJS
提供一个代码,或者删除该标记,如果不适用,请发布html代码或您遇到的错误。您的意思是预加载吗?您可以使用css将初始宽度设置为“0”,javascript将完成其余工作:我还提供html代码和css,我希望在页面加载和启用onclick事件时禁用div类sidenav