多语言展示
当前在线:1238今日阅读:167今日分享:16

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

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

vs

托拉引用
1

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

2

下面的图分别是a.项目的文件结构  stylesheet1.css 是样式文件/webform1.aspx 是网页页面b.stylesheet1.css 里给id为 article_show 的背景颜色设置为红色。c. 页面调用外部样式文件

3

步骤二的运行效果如下:

4

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

绑定
1

我们把换成<%=ResolveUrl('')%>绑定路径:' rel='stylesheet' type='text/css' />

2

运行结果:

3

' 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) {                      });     }});

推荐信息