javascript - 在页面加载时运行 JS 函数 VB>NET

Question

我有一个侧边栏 div，我想在页面加载时隐藏它。我已经尝试在 pagerender 中使用注册启动脚本调用 JS 函数以及添加“style =”display:none;”。我目前有一个相同的 JS 调用，但在单击控件时，它工作正常......但我希望 div 最初被隐藏。

编辑:使用预渲染在本地主机上有效，但在服务器上无效...

.aspx:

    <div id="mySidenav" class="sidenav">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        Code...
        </asp:UpdatePanel>
    </div>

JS:

function openNav() {
        document.getElementById("mySidenav").style.width = "250px";
        document.getElementById("main").style.marginLeft = "250px";

    }

    function closeNav() {
        document.getElementById("mySidenav").style.width = "0";
        document.getElementById("main").style.marginLeft = "0";
        document.body.style.backgroundColor = "white";
    }

代码隐藏.vb:

Private Sub Page_PreRender(sender As Object, e As System.EventArgs) Handles Me.PreRender
    ScriptManager.RegisterStartupScript(Me, Me.GetType(), "InitializePage", "InitializePage();", True)
    ScriptManager.RegisterStartupScript(Me, Me.GetType(), "closeNav", "closeNav();", True)
End Sub

您知道我可以在页面加载时隐藏/关闭此 div 的方法吗？

Answer 1

最简单的方法是将“封闭”样式属性添加到初始标记。也就是说，最好将这些属性放在 CSS 中并引用它们。请参见下面的示例:

.navopen{
width: 250px;
margin-left: 250px;
}

.navClosed{
width: 0;
margin-left: 0;
}

你的 JS 看起来像:

function openNav() {
        document.getElementById("mySidenav").className = "navOpen";
    }

    function closeNav() {
        document.getElementById("mySidenav").className = "navClosed";
    }

这可能不准确，但应该给你一个想法