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

 时间:2026-02-14 08:52:18

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

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

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

2、下面的图分别是

a.项目的文件结构  stylesheet1.css 是样式文件/webform1.aspx 是网页页面

b.stylesheet1.css 里给id为 article_show 的背景颜色设置为红色。

c.<link href="StyleSheet1.css" rel="stylesheet" /> 页面调用外部样式文件

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

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

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

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

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

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

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

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

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

1、 我们把

<link href="../style/css/StyleSheet2.css" rel="stylesheet" />

换成<%=ResolveUrl("")%>绑定路径:<link href="<%=ResolveUrl("~/style/css/StyleSheet2.css")%>" rel="stylesheet" type="text/css" />

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

2、运行结果:

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

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) {                      });     }});
  • 如何在网页中引入外部JS文件和CSS样式文件
  • js如何引入js文件
  • 如何卸载数据库--youchim
  • .net 调用摄像头拍照
  • .net 扩展方法
  • 热门搜索
    有脚气怎么办 持枪证怎么办理 student怎么读 你怎么说 平均分怎么算 腰间盘突出怎么锻炼 喉咙疼怎么办 尿酸高怎么治疗 电动车怎么骑 水银温度计碎了怎么办