最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下....
1.路径问题
如果是一个单独的aspx页面调用此文件路径会是
1 <link type="text/css" rel="stylesheet" href="navigator/css/shou.css" /> 2 <script type="text/javascript" src="navigator/js/dropdown.js"></script>
引用了母版页的页面这么调用会出错,找不到js或css文件,或是提示某对象、函数未定义
确保母版页<head></head>标签存在<asp:ContentPlaceHolder id="head" runat="server" />,然后解决方法如下:
在子页面的<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"/>添加外部Css样式或js文件
1 <link type="text/css" rel="stylesheet" href="<%=Page.ResolveClientUrl("~/navigator/css/shou.css")%>" /> 2 <script type="text/javascript" src="<%=Page.ResolveClientUrl("~/navigator/js/dropdown.js")%>"></script>
如此便可解决找不到外部引用的js、css文件