jquery可以生成静态页面吗

mengjun5200 2010-01-21 03:22:27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>测试Ajax</title><script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){{
$("div").load("Default.aspx?id=5");
$("span").load("Default.aspx?id=3");
……
}})
</script>
</head>
<body>
<div></div>
<span></span>
……
</body>
</html>



请问下大家我这种方法可行吗?思路正确吗?会不会打开速度慢??
...全文
1031 27 打赏 收藏 转发到动态 举报
写回复
用AI写文章
27 条回复
切换为时间正序
请发表友善的回复…
发表回复
古龙老子 2012-05-17
  • 打赏
  • 举报
回复
这也叫静态?
看看这里吧
http://blog.sina.com.cn/s/blog_9fb00b0b01012c1c.html
wujun_dry 2011-02-24
  • 打赏
  • 举报
回复
我就是不明白。。。。
luyuwei2008 2011-01-13
  • 打赏
  • 举报
回复
[Quote=引用楼主 mengjun5200 的回复:]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>测试Ajax</title……
[/Quote]
这也叫静态页???
HDNGO 2010-01-22
  • 打赏
  • 举报
回复
何苦呢。。。
  • 打赏
  • 举报
回复
周公的解释很强大
vip__888 2010-01-22
  • 打赏
  • 举报
回复

p哥讲的一向都很高深 就是看不太懂
  • 打赏
  • 举报
回复
静态网页,是说它正好适合我在17楼最后所说的“静态”读取行为。适合静态读取的页面,就是静态页面。管它什么后缀不后缀的呢?

把后缀作为区分静态不静态的标准,真是咄咄怪事。
  • 打赏
  • 举报
回复
动态网页则看上去往往在同一个url中有不同的返回,例如它根据用户是否登录、cookies和会话信息等来生成不同的页面内容。这些想让搜索引擎访问到瞬间就改变的动态页面内容,比登天还难。

而如果仅仅是因为后台发布内容经常变化,造成同一个url在匿名用户访问时不同时间返回不同结果,例如每隔12个小时更新一次的新闻主页,或许造成搜索引擎索引到的东西与当前网页不符,但是这也可以被搜索引擎收录,毕竟与动态的有本质的不同。

这是从目的出发,来分析静态页面概念。而不是从“黄历”上去找根源。
  • 打赏
  • 举报
回复
关于“静态页面”的概念,有些明显带有旧时代的狭隘或者说想当然烙印。例如对于后缀的归类,难道.html后缀就是静态页面,而写.text后缀的或者.wu的就不是了吗?

怎么会静态?因为读取网页的那些懒惰的搜索引擎只会以匿名用户身份、以一个Http Get命令去访问url。它不会再去执行得到的html中的什么javascript程序了。

这就是静态。
cena_jin 2010-01-22
  • 打赏
  • 举报
回复
up !
zzxap 2010-01-22
  • 打赏
  • 举报
回复
不能
sunhahaha2 2010-01-22
  • 打赏
  • 举报
回复
Mark
hmilyhh 2010-01-22
  • 打赏
  • 举报
回复


可以实现,html代码可以服务器传过来,也可以在客户端js生成,

结构复杂的页面不建议动态生成!!速度较慢。
皓月明 2010-01-22
  • 打赏
  • 举报
回复
可以动态生成静态页嘛,不过比较麻烦
周公 2010-01-22
  • 打赏
  • 举报
回复
方案1:
/// <summary>
/// 传入URL返回网页的html代码
/// </summary>
/// <param name="Url">URL</param>
/// <returns></returns>
public static string getUrltoHtml(string Url)
{
errorMsg = "";
try
{
System.Net.WebRequest wReq = System.Net.WebRequest.Create(Url);
// Get the response instance.
System.Net.WebResponse wResp =wReq.GetResponse();
// Read an HTTP-specific property
//if (wResp.GetType() ==HttpWebResponse)
//{
//DateTime updated =((System.Net.HttpWebResponse)wResp).LastModified;
//}
// Get the response stream.
System.IO.Stream respStream = wResp.GetResponseStream();
// Dim reader As StreamReader = New StreamReader(respStream)
System.IO.StreamReader reader = new System.IO.StreamReader(respStream, System.Text.Encoding.GetEncoding("gb2312"));
return reader.ReadToEnd();

}
catch(System.Exception ex)
{
errorMsg = ex.Message ;
}
return "";
}

你可以用这个函数获取网页的客户端的html代码,然后保存到.html文件里就可以了。

方案2:
生成单个的静态页面不是难点,难的是各个静态页面间的关联和链接如何保持完整;
特别是在页面频繁更新、修改、或删除的情况下;

像阿里巴巴的页面也全部是html的,估计用的是地址映射的功能
关于地址映射可参考:http://www.easewe.com/Article/ShowArticle.aspx?article=131

可以看看这个页面,分析一下他的“竞价倒计时”功能
http://info.china.alibaba.com/news/subject/v1-s5011580.html?head=top4&Bidding=home5

ASP.Net生成静态HTML页
在Asp中实现的生成静态页用到的FileSystemObject对象!
在.Net中涉及此类操作的是System.IO
以下是程序代码 注:此代码非原创!参考别人代码

CODE:
//生成HTML页
public static bool WriteFile(string strText,string strContent,string strAuthor)
{
string path = HttpContext.Current.Server.MapPath("/news/");
Encoding code = Encoding.GetEncoding("gb2312");
// 读取模板文件
string temp = HttpContext.Current.Server.MapPath("/news/text.html");
StreamReader sr=null;
StreamWriter sw=null;
string str="";
try
{
sr = new StreamReader(temp, code);
str = sr.ReadToEnd(); // 读取文件
}
catch(Exception exp)
{
HttpContext.Current.Response.Write(exp.Message);
HttpContext.Current.Response.End();
sr.Close();
}


string htmlfilename=DateTime.Now.ToString("yyyyMMddHHmmss")+".html";
// 替换内容
// 这时,模板文件已经读入到名称为str的变量中了
str =str.Replace("ShowArticle",strText); //模板页中的ShowArticle
str = str.Replace("biaoti",strText);
str = str.Replace("content",strContent);
str = str.Replace("author",strAuthor);
// 写文件
try
{
sw = new StreamWriter(path + htmlfilename , false, code);
sw.Write(str);
sw.Flush();
}
catch(Exception ex)
{
HttpContext.Current.Response.Write(ex.Message);
HttpContext.Current.Response.End();
}
finally
{
sw.Close();
}
return true;

此函数放在Conn.CS基类中了
在添加新闻的代码中引用 注:工程名为Hover

if(Hover.Conn.WriteFilethis.Title.Text.ToString),this.Content.Text.ToString),this.Author.Text.ToString)))
{
Response.Write("添加成功");
}
else
{
Response.Write("生成HTML出错!");
}


模板页Text.html代码

CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ShowArticle</title>
<body>
biaoti
<br>
content<br>
author
</body>
</HTML>
biaoti
<br>
content<br>
author
</body>
</HTML>

提示添加成功后会出以当前时间为文件名的html文件!上面只是把传递过来的几个参数直接写入了HTML文件中,在实际应用中需要先添加数据库,然后再写入HTML文件

方案3:
给一个客户端参考的例子(SJ)
它的作用在于以客户端的方式获取某个页面的代码,然后可以做为其他用途,本例是直接输出
<script>
var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
oXmlHttp.open("GET","http://www.163.com", false);
oXmlHttp.send()
var oStream = new ActiveXObject("ADODB.Stream");
if(oStream == null)
alert("您的机器不支持ADODB.Stream.")
else
{
oStream.Type=1;
oStream.Mode=3;
oStream.Open() ;
oStream.Write(oXmlHttp.responseBody);
oStream.Position= 0;
oStream.Type= 2;
oStream.Charset="gb2312";
var result= oStream.ReadText();
oStream.Close();
oStream = null;
var aa = window.open("","")
document.write(result);
aa.document.write(result);
}
</script>

方案4:学csdn一样。用xml保存数据,模版XSL也只有一个文件。
使用xml来保存数据,使用xsl来定义模板并且生称数据。可以通过xsl来很方便的在客户端或者服务段显示数据。如果要生成静态叶面那更简单了。去查一下.net的xml类包问题解决。
优点:可以方便快速转换成你想要的格式和内容。
缺点:需要学习更多的内容,不好入门。

方案5:
思路

  1. 利用如Dw-Mx这样的工具生成html格式的模板,在需要添加格式的地方加入特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板,然后获得前台输入的内容,添加到此模板的标记位置中,生成新文件名后写入磁盘,写入后再向数据库中写入相关数据。
2. 使用后台代码硬编码Html文件,可以使用HtmlTextWriter类来写html文件。
优点

  1. 可以建立非常复杂的页面,利用包含js文件的方法,在js文件内加入document.write()方法可以在所有页面内加入如页面头,广告等内容。

  2. 静态html文件利用MS Windows2000的Index Server可以建立全文搜索引擎,利用asp.net可以以DataTable的方式得到搜索结果。而Win2000的Index服务无法查找xml文件的内容。如果包括了数据库搜索与Index索引双重查找,那么此搜索功能将非常强大。

  3. 节省服务器的负荷,请求一个静态的html文件比一个aspx文件服务器资源节省许多。

  缺点

  思路二: 如果用硬编码的方式,工作量非常大,需要非常多的html代码。调试困难。而且使用硬编码生成的html样式无法修改,如果网站更换样式,那么必须得重新编码,给后期带来巨大的工作量。

  因此这里采用的是第一种思路

  示列代码

  1.定义(template.htm)html模板页面

  <html>

  <head>

  <title></title>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  </head>

  <body >

  <table $htmlformat[0] height="100%" border="0" width="100%" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" style='border:1px solid #000000'>

  <tr>

  <td width="100%" valign="middle" align="left">

  <span style='color: $htmlformat[1];font-size: $htmlformat[2]'>$htmlformat[3]</span>

  </td>

  </tr>

  </table>

  </body>

  </html>

  2.asp.net代码:

  //---------------------读html模板页面到stringbuilder对象里----

  string[] format=new string[4];//定义和htmlyem标记数目一致的数组

  StringBuilder htmltext=new StringBuilder();

  try

  {

   using (StreamReader sr = new StreamReader("存放模板页面的路径和页面名"))

   {

  String line;

  while ((line = sr.ReadLine()) != null)

  {

   htmltext.Append(line);

  }

  sr.Close();

   }

  }

  catch

  {

   Response.Write("<Script>alert('读取文件错误')</Script>");

  }

  //---------------------给标记数组赋值------------

  format[0]="background="bg.jpg"";//背景图片

  format[1]= "#990099";//字体颜色

  format[2]="150px";//字体大小

  format[3]= "<marquee>生成的模板html页面</marquee>";//文字说明

  //----------替换htm里的标记为你想加的内容

  for(int i=0;i<4;i++)

  {

   htmltext.Replace("$htmlformat["+i+"]",format[i]);

  }

  //----------生成htm文件------------------――

  try

  {

   using(StreamWriter sw=new StreamWriter("存放路径和页面名",false,System.Text.Encoding.GetEncoding("GB2312")))

  {

   sw.WriteLine(htmltext);

   sw.Flush();

   sw.Close();

  }

  }

  catch

  {

  Response.Write ("The file could not be wirte:");

  }

  小结
  用此方法可以方便的生成html文件。程序使用了是循环替换,因此对需替换大量元素的模板速度非常快。
周公 2010-01-22
  • 打赏
  • 举报
回复
  静态网页,动态网页主要根据网页制作的语言来区分:
  静态网页使用语言:HTML(超文本标记语言)
  动态网页使用语言:HTML+ASP 或 HTML+PHP 或 HTML+JSP 等。
  静态网页与动态的区别
  程序是否在服务器端运行,是重要标志。在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、Flash、JavaScript、VBScript等等,它们是永远不变的。
  静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。
  静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
  动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。
  我们将动态网页的一般特点简要归纳如下:
  (1)动态网页以数据库技术为基础,可以大大减少降低网站维护的工作量;
  (2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
  (3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
  (4)动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
  区分动态网页与静态网页的基本方法:第一看后缀名,第二看是否能与服务器发生交互行为
  静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
周公 2010-01-22
  • 打赏
  • 举报
回复
静态网页
静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
  在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。
  静态网页的特点简要归纳如下::
  (1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
  (2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
  (3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
  (4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
  (5)静态网页的交互性较差,在功能方面有较大的限制。
麻烦的一笔 2010-01-22
  • 打赏
  • 举报
回复
楼上的各位说的有点高深,能不能明白阐述?
jackson627 2010-01-22
  • 打赏
  • 举报
回复
顶顶
qq31712898 2010-01-22
  • 打赏
  • 举报
回复
每天回帖即可获得10分可用分
加载更多回复(7)
【软件功能特点】    一、强大的模板引擎技术   企业网站管理系统借鉴了Discuz的模板技术,实现了MVC模式,模板全面标签化,只需懂得简单的html语言就能打造一个漂亮的网站;      二、无限极分类,自由选取模块。   实现递归无限级分类,每个分类可自定义模块,自选模块;   三、模版、插件共分享资源无限   模版,方便地安装插件、模版、边框;采用积分机制激励插件、模版的DIY开发和资源分享,越来越丰富的资源让您的网站越来越丰富多彩;   四、邮件订阅及群发功能   邮件订阅及邮件群发功能,后台轻松实现邮件营销,让您的企业通过互联网快速向外传播;   五、良好的用户体验   采用JQUERY、AJAX等前端技术,注重用户友好度和用户体验;   六、网站地图(sitemap.xml)   生成生成Google网站地图,通过Google工具,让搜索引擎快速收录最新发布的页面; 七、平滑的静态网页生成 基于AJAX的平滑静态网页技术,生成静态网页,提高网站访问效率,有利搜索引擎收录。 【安装】   请注意备份原有数据库内容,以免覆盖。   1.下载并解压缩文件包,上传至服务器或主机空间    2.在浏览器地址栏中输入:http://你的域名/install.php进入安装界面;   3.按步骤安装系统。   4.进入http://你的域名/admin用自己设置的管理用户名字和密码登录后台进行初始设置.

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧