zoukankan      html  css  js  c++  java
  • 母版页Master中Html控件img,a,javascript,CSS相对路径问题

    1.<img>控件 加上runat="server"

    修改后:

    <img src="images/footlogo.jpg" runat="server" />

    2.<a>控件  加上runat="server"

    修改后:

    <a href="Report/WCDMAHSDPA.aspx" runat="server">WCDMA HSDPA</a>

    3.javascript

    路径的问题,加一段<%=Request.ApplicationPath %>

    <script src="<%=Request.ApplicationPath %>sdmenu/sdmenu.js">

    这样添加脚本的代码不要放在head中,放到Body里

    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要一样哦!

    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") %>'  />

  • 相关阅读:
    小程序中自定义组件
    rem是如何实现自适应布局的?
    基于vue前端状态管理模式
    vue项目使用keep-alive的作用
    JS移动元素的方法
    es6 promise then对异常处理的方法
    async/await 中await接收的promise的问题
    angularjs ngRoute demo
    angularjs $watch demo
    Html5 Geolocation demo
  • 原文地址:https://www.cnblogs.com/jeffrey77/p/2936434.html
Copyright © 2011-2022 走看看