Javascript 在页面加载VB上运行JS函数>；网

我有一个侧边栏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>

codebehind.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的方法吗？

最简单的方法是将“关闭”样式属性添加到初始标记中。 也就是说，最好将这些属性放在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";
    }

---

这可能不准确，但应该会让您了解

为什么需要涉及服务器端代码？@mason如果可以的话，我希望避免这样做。我是一个比较新的人…在不需要服务器的情况下使用它是一种浪费<代码>（函数（）{closeNav（）；}）（）将其放入页面将在页面加载DOM完成时调用函数。看到了吗$（document）.ready（函数（）{closeNav（）；}）；啊，那么你有jQuery了？是的，那会有用的，但你可以把它缩短<代码>$（函数（）{closeNav（）；}）。我假设您没有jQuery，因为您使用的是

document.getElementById（'id'）

而不是

$（“#id”）

，因此div的原始CSS将是class=“.navClosed”？尽管没有。在前面。这个在CSS中表示一个类。

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

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