主页 > 知识库 > 合并网页中的多个script引用实现思路及代码

合并网页中的多个script引用实现思路及代码

热门标签:预测式外呼系统使用说明 同安公安400电话怎么申请流程 电话机器人软件销售工作 南阳外呼系统定制化 苹果手机凯立德地图标注 申请400电话手续 合肥电销外呼系统哪家公司做的好 百度ai地图标注 玉林市机器人外呼系统哪家好
为了更好的进行封装,每个实现不同功能的js代码应该有自己的js文件,这样如果一个网页中引用了多个js文件,如下
复制代码 代码如下:

script type="text/javascript" src="limit.js">/script>
script type="text/javascript" src="select.js">/script>
script type="text/javascript" src="rating.js">/script>

这样网页会向服务器发送3个请求,请求3个js文件,其实完全没有必要发这么多的请求,一个足矣,下面就来介绍如何用Handler实现
新建一个HttpHandler
复制代码 代码如下:

public class Handler1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{//原文链接:blog.csdn.net/bluceyoung
string[] js = context.Request.Url.LocalPath.Substring(1, context.Request.Url.LocalPath.Length - 5).Split('.');
StringBuilder sb = new StringBuilder();
foreach (string j in js)
{
sb.Append(ReadFile(j+".js"));
}
context.Response.Write(CompressStr(sb));
}
private string ReadFile(string fileName)
{
string directory = @"D:\SRC\bluceyoung\";
if (!File.Exists(directory + fileName))
{
return "";
}
string result;
using (FileStream fs = new FileStream(directory + fileName, FileMode.Open))
{
using (StreamReader sr = new StreamReader(fs))
{
result = sr.ReadToEnd();
}
}
return result;
}
private string CompressStr(StringBuilder sb)
{
while (true)
{
int length = sb.Length;
sb.Replace(" ", " ");
if (length == sb.Length)
break;
}
sb.Replace("\r\n", "").Replace("\t", "").Replace("; ", ";").Replace(" }", "}").Replace("} ", "}").Replace(" ;", ";").Replace(" {", "{").Replace("{ ", "{");
return sb.ToString();
}
public bool IsReusable
{
get
{
return false;
}
}
}

配置文件中添加节点
复制代码 代码如下:

configuration>
system.web>
compilation debug="true" targetFramework="4.0" />
httpHandlers>
add path="*.jsx" verb="*" type="BluceYoung.Handler1"/>
/httpHandlers>!--原文博客:blog.csdn.net/bluceyoung -->
/system.web>
/configuration>

页面调用
复制代码 代码如下:

script src="limit.select.rating.jsx" type="text/javascript">/script>

就这样,一个script引用就完成了多个js文件的请求,并且对文件进行了压缩处理

标签:南京 南昌 台州 南京 淄博 海南 嘉兴 扬州

巨人网络通讯声明:本文标题《合并网页中的多个script引用实现思路及代码》,本文关键词  合并,网页,中的,多个,script,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《合并网页中的多个script引用实现思路及代码》相关的同类信息!
  • 本页收集关于合并网页中的多个script引用实现思路及代码的相关信息资讯供网民参考!
  • 推荐文章