你的位置:首页 > ASP.net教程

[ASP.net教程]ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容


 首先是主页面main.aspx

<body style="background-color:  #AFEEEE">  <form id="form1" runat="server">  <div>    <center>      <h1>        后台管理界面      </h1>       <span style="float: right;">          <asp:HyperLink ID="HyperLink1" runat="server" Style="text-align: center" NavigateUrl="Default.aspx">返回首页</asp:HyperLink></span>      <table border="0" width="1180px" cellpadding="0" class="main-table">        <tr>          <td align="center">            <iframe id="Left" name="Left" src="Left.aspx" class="inset-table" width="188px" height="730"              align="middle"></iframe>          </td>          <td align="left">            <iframe id="Right" name="Right" src="AddNews.aspx" class="outset-table" width="950"              height="730" align="middle"></iframe>          </td>        </tr>      </table>    </center>  </div>  </form></body>

然后是左边页面Left.aspx

 <form id="form1" runat="server">  <div>    <table style="width: 180px;" cellspacing="0" cellpadding="0">      <tr>        <td class="style1 ">          <div class="titleSystemName">            导航栏</div>        </td>      </tr>      <tr>        <td>          <asp:TreeView ID="TreeView1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15"            Width="155px">            <ParentNodeStyle Font-Bold="False" />            <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />            <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"              VerticalPadding="0px" />            <Nodes>              <asp:TreeNode Text="新闻类别1" Value="新闻类别1">                <asp:TreeNode NavigateUrl="~/AddNews.aspx?id=2" Target="Right" Text="添加新闻" Value="添加新闻">                </asp:TreeNode>                <asp:TreeNode NavigateUrl="~/ManagerNew.aspx?id=3" Target="Right" Text="删除/编辑新闻" Value="删除/编辑新闻">                </asp:TreeNode>                <%-- <asp:TreeNode NavigateUrl="~/UpdataNew.aspx?id=2" Target="Right" Text="更新新闻" Value="更新新闻">                </asp:TreeNode>--%>              </asp:TreeNode>                            <asp:TreeNode Text="用户管理" Value="用户管理">                <asp:TreeNode NavigateUrl="~/UserManager.aspx" Target="Right" Text="管理用户" Value="管理用户">                </asp:TreeNode>              </asp:TreeNode>            </Nodes>            <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"              NodeSpacing="0px" VerticalPadding="2px" />          </asp:TreeView>        </td>      </tr>    </table>  </div>  </form>

最后是右边的页面AddNews.aspx,这个页面就可以插入自己需要的页面链接了。

以上是我在学习asp的过程中学习到的一个知识点,希望对大家有用。