Javascript大小控件在子页中不起作用

Javascript Size Controls not working in Child Page

本文关键字：不起作用 控件 Javascript      更新时间：2023-09-26

我正在尝试向现有页面添加母版页，以创建一个站点范围的页眉。不幸的是，当我向Default.aspx 添加母版页引用时，一些Javascript大小控件停止工作

function ChangePanelHeight(){
    var MyPanel;
    var NewHeight=(screen.height*.45);
    MyPanel = document.getElementById('pnlContainer');
    MyPanel.style.height = NewHeight + "px";
}

当我添加母版页时，这个javascript函数（嵌入在内容页上）可以工作，但调整大小却不行。换句话说，javascript中的alert('Hey!');触发得很好，但由于某些原因，面板高度保持不变。没有它也能正常工作。主页看起来像这样：

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb"  Inherits="PropertyManagementSystem.Site" %>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div id="header">
    <table>
    <tr>
        <td><h1>Property Management System</h1></td>
    </tr>
    <tr>
        <td><h2>All Your Property - Managed At The Palm Of Your Hand</h2></td>
        <td><h2>Welcome <asp:Label ID="lblWhoName" runat="server"/></h2></td>
    </tr>
    <tr>
        <td><a id="lHome" href="Default.aspx">Home</a></td>
        <td><a id="lManageDevices" href="ManageDevices.aspx">Manage Devices</a></td>
        <td><a id="lManageLookupTables" href="ManageLookups.aspx">Manage Lookups</a></td>
        <td><a id="lHelp" href="Help.aspx">Help</a></td>
        </tr>
    </table>
    </div>
    <div>
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

试试这个（使.getElementID的元素ID引用控件的客户端ID）：

function ChangePanelHeight(){
    var MyPanel;
    var NewHeight=(screen.height*.45);
    MyPanel = document.getElementById('<%=pnlContainer.ClientID %>');
    MyPanel.style.height = NewHeight + "px";
}
相关文章：