Question

我有一个包含很少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>

`

我想在从上面的母版页继承的子ASP表单页面中使用这个JavaScript和css样式文件。

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

<%@ MasterType TypeName="MasterPage" %>

似乎这种方式不起作用。请有人帮我在子页面中使用母版页CSS和JavaScript。 Tx in advanced。

Answer 1

将您的脚本放在ContentPlaceHolder标记之外。只需将其放入head部分即可。

主页中ContentPlaceHolder标记应为空 - 其内容将替换为页面中的asp:Content标记。

您可以通过浏览页面检查是否正确呈现，然后右键单击 - ＆gt;查看来源。

Answer 2

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

用于提供仅针对该子页面的脚本，css

因此，如果您希望将脚本/ css应用于子页面，只需将其正常放置在母版页头部分和母版页中的头部ContentPlaceHolder之外。

希望这会有所帮助......

Answer 3

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

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

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

3 个答案: