模板页的JS和CSS路径在内容页加载问题。

关注

原创最新推荐文章于 2026-08-13 11:40:16 发布 2.2k 阅读 AI 写同款· GEO 优化 ›

ASP.NET Web程序设计第三章高级控件一、母版页与内容页（重点） 1、母版页（主控页）是以“.master”为后缀名的特殊页面，用于实现页面统一布局。 2、母版页与普通页面的区别： 1）母版页不能直接访问，而普通页可以。 2）母版页的扩展名是".master"，普通页的扩展名是：".aspx"。 3）母版页可以使用ContentPlaceHolder控件，而普通页不可以。 3、内容页：使用母版页的Web窗体称为内容页。 1）Maste... 阅读详情

场景发生：内容页和模板页不在一个目录下时候

------------------------------------------------------------- 解决方法1---------------------------------------------------------------------------------

1 . MasterPage.master 中 head标签中加入：<asp:ContentPlaceHolder ID="HeadHolder" runat="server">
</asp:ContentPlaceHolder>

2. 在内容页中加入

    <asp:Content ID="HeaderContent2" ContentPlaceHolderID="HeadHolder" runat="Server">
         <link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" />
        <script src="../js/jquery.tablesorter.min.js" type="text/javascript"></script>

</asp:Content> 这样就可以将路径指定到js和css的相对于内容页的路径了。

3. Content 控件的ID要一样哦！

4. 优点：可以应对内容页在任何目录下，只需指定相对其自身的js和css相对路径，而无须改动母页的js和css相对路径

------------------------------------------------------------- 解决方法2----------------------------------------------------------------------------------

1. 母板页CSS: <link rel="stylesheet" href="~/css/layout.css" type="text/css" media="screen" /> "~"符号即可

2. 母板页JS： <%= "<script type='text/javascript' src='"+ResolveUrl("~/js/jquery-1.5.2.min.js")+"'></script>"%>

3 .母板页img <img scr='<%=ResolveUrl("~/imges/logo.gif") %>' />

4. 优点：无须在内容子页中再做母页的js和css相对路径的镜像