在ASP表单子页中使用母版页CSS和JavaScript

本文关键字：母版页 CSS JavaScript ASP 表单 | 更新日期: 2023-09-27 18:29:46

我有一个主页，其中包含一些CSS链接和java脚本。

<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server">

<script src="Scripts/slides.min.jquery.js" type="text/javascript"></script>
<asp:ContentPlaceHolder id="head" runat="server">
       <script  language="javascript" type="text/javascript">
           $(document).ready(
            function () {
                $("#pikame").PikaChoose();
            });
       </script>
</asp:ContentPlaceHolder>

`

我想使用这个JavaScript和css样式的文件，在子ASP表单页面中，它继承了上面的主页面。

<%@ Page Title="" Language="C#" asterPageFile="~/MasterPage.master"AutoEventWireup="true" CodeFile="LeadInformation.aspx.cs" Inherits="LeadInformation" %>

<%@ MasterType TypeName="MasterPage" %>

这样似乎行不通。请任何人帮助我在我的子页面中使用主页CSS和JavaScript。高级Tx。

在ASP表单子页中使用母版页CSS和JavaScript

将脚本放在ContentPlaceHolder标记之外。只需将其正常放置在head部分即可。

母版页中的ContentPlaceHolder标记应为空，其内容将被页面中的asp:Content标记替换。

您可以通过浏览到页面并右键单击->查看源代码来检查它是否正确渲染。

<asp:ContentPlaceHolder id="head" runat="server">

用于提供仅特定于该子页的脚本、css

因此，如果您希望将脚本/css应用于子页面，只需将其正常放置在主页面标题部分，并在主页面ContentPlaceHolder的外部标题中即可。。

希望这能有所帮助。。。。

首先，子页不是从母版页继承的。这是同一页。其次，您不需要MasterType指令来访问javascript。

所以只需将母版页和子版页视为一个页面，因为当它呈现到浏览器上并且javascript在浏览器上运行时，它将是一个页面。因此，您可以将javascript/CSS放置在主页面的头部，并以与在同一页面上相同的方式从任何子页面访问它。

相关文章：