.net 引用外部样式/js文件方法--youchim

在不同的页面路径可能不同，为了保证用户控件在所有的页面都能使用，并且html控件的路径不会出问题，可以使用ResolveUrl这个方法来设置路径。ResolveUrl方法可以返回页面所在应用程序下的相对地址。

工具/原料

vs

托拉引用

1、以下是用web窗体简单的一个页面展示，没有引用任何的外部文件。

2、下面的图分别是a.项目的文件结构 stylesheet1.css 是样式文件/webform1.aspx 是网页页面b.stylesheet1.css 里给id为 article_show 的背景颜色设置为红色。c.<link href="StyleSheet1.css" rel="stylesheet" /> 页面调用外部样式文件

3、步骤二的运行效果如下：

4、假设窗体页面和样式文件分别在文件夹下面，引用方法,和上面的是一样的 ，从项目文件夹里直接拖到页面上。

绑定

1、我们凸鹣沮北把<link href="../style/css/StyleSheet2.css" rel="stylesh髫潋啜缅eet" />换成<%=ResolveUrl("")%>绑定路径：<link href="<%=ResolveUrl("~/style/css/StyleSheet2.css")%>" rel="stylesheet" type="text/css" />

2、运行结果：

3、<link href="<%=ResolveUrl("~/style/css/StyleSheet2.css媪青怍牙")%>" rel="stylesheet" type="text/css" />这种方式的好处是：不管引用文件的aspx页面在哪个路径，ResolveUrl都能找到正确的StyleSheet2.css文件位置，当然前提条件是("~/style/css/StyleSheet2.css")这个相对路径要正确。

4、ResolveUrl作用:将URL转换成请求客户端可用的URL,一般用于在不同的目录下调用模板,模板中调用了图片,引入了外部CSS文件,如果用相对路径,在不同的目录下会出现问题.ResolveUrl正好解决了这个问题,在不同的目录自动生成相应路径

积累的案例

1、页面参数的传宕蜉窑煜递：<%# ResolveUrl(string.Format("~/Demo.aspx?Param={0}媪青怍牙", Eval("'DataItem'")) %> OR< %# ResolveUrl((string)Eval("id", "~/Demo.aspx?iParam={0}")) %> OR< a href='<%# ResolveUrl("~/Demo.aspx?Param=") + Eval('DataItem')%>'>

2、一般处理程序的引用$.ajax({ type:"get", url:'<%=ResolveUrl("~/MYTest.ashx") %>', dataType:"json", success: function (result) { $.each(result, function (index, data) { }); }});