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

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="stylesheet" />

换成<%=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) {                      });     }});