国内首发 -- ajax完整功能框架

国内首发--ajax完整功能框架

假如还是不行,那么你需要检查一下你的浏览器,因为时间的原故,本人只在IE6 sp1上测试,其他浏览没有试过,不过估计在其他浏览器上肯定会出现一些问题,毕竟新技术还需要时间来支持100 .br/

br /

2、希望当你看到这个代码的时候,你会喜欢上创建交互式、快速动态网页应用的网页开发技术技术,这个范例只是一个很基本的应用,但是作者也付出了一定的时间和精力,希望你能够尊重作者的劳动成果,需要的话你可以免费拿去使用,但是最好不要用于商业用途,并且能够注明转载出处,谢谢!/div

div class=bottom a href=# 作者:胡东平/a /div

/div

/div

/div

div class=页脚胡东平个人空间转载须注明出处br /

一个href= http://博客。cn睿。cn target= _ blank 版权归清除在线空间所有/a /div

!-提示窗口-

div id= loadifo style= display:none onclick= ent(delChar());/div

iframe id= history frame style= display:none src= blank。html /iframe

/body

/html

隐藏Ifream部分:

保存为blank.html:

程序代码

超文本标记语言

脚本语言=JavaScript

函数pageLoaded() {

窗户。父母。DHTML历史。iframe已加载(窗口。位置);

}

/脚本

body onl oad=pageLoaded()

h1blank.html-这个东西很重要的,兄弟!/h1

/body

/html

钢性铸铁部分:

保存为read.css:

程序代码

正文{

边距:0px

填充:0px

字体大小:9磅

}

h4 {

字体大小:9磅

显示:内嵌;

}

h5 {

显示:内嵌;

左边距:10px

}

跨度{

左边距:20px

颜色:# 666;

}

一个{

文字-装饰:无;

颜色:# 900;

}

答:悬停{

颜色:# F90

}。标题{

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0099 ff ,endColorStr=#003366 ,渐变类型= 0 );

高度:30px

字体粗细:粗体;

颜色:# FFF;

padding-top:20px;

左填充:20px

边框-底部:2px纯色# FFF;

}。关闭{

浮动:对;

右边距:50px

光标:指针;

}。正文{

明确:两者都有;

宽度:1002像素

}。侧栏{

宽度:200像素

浮动:左;

top:20px;

填充顶部:10px

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0066 cc ,endColorStr=#FFFFFF ,渐变类型= 0 );

文本对齐:居中;

}。空间类一个{

字体粗细:粗体;

颜色:# E1 f1 ff;

文字-装饰:无;

浮动:左;

宽度:120像素

填充:5px 5px 3px

底部边框:1px虚线# 6FF

}。悬停{

颜色:# FFF;

背景:# 09F

}。特殊{

边距-顶部:50px

宽度:150像素

颜色:# 666;

行高:15px

填充顶部:5px

垫底:5px

文本对齐:左对齐;

}。spetit {

字体粗细:粗体;

颜色:# FFFFFF

边框-底部:2px纯色# EEE;

}。空间类

宽度:150像素

}。特殊一个{

颜色:# 000;

}。nonetab {

高度:10px

背景:# EEE;

}。主要{

宽度:800像素

浮动:对;

}。maintit {

背景:# 000;

高度:17px

颜色:# FFF;

文本对齐:居中;

填充顶部:3px

}。mainbg {

背景:# EEE;

浮动:左;

宽度:100%;

溢出:隐藏;

}。mainbg2 {

背景:# EEE;

浮动:左;

宽度:100%;

滤镜:阿尔法(不透明度=30);

}。文章img {

边框宽度:0px

边框样式:无;

}。文章{

填充:5px

文本缩进:2em

边框-顶部:1px纯色# 06F

左边距:10px

}。底部{

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # EEEEEE ,endColorStr=#FFFFFF ,渐变类型= 1 );

高度:13px

文本对齐:右对齐;

填充-右:20px

填充顶部:3px

边距-底部:10px

}。页脚{

高度:30px

过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0066 cc ,endColorStr=#B9E3FF ,Gradient type= 1 );

文本对齐:居中;

填充顶部:5px

行高:15px

颜色:# FFF;

明确:两者都有;

}。页脚一个{

颜色:# EEE;

}

#loadifo {

位置:绝对;

顶配:200 px

宽度:120像素

背景:# F69

填充:10px

滤镜:阿尔法(不透明度=90);

文本对齐:居中;

颜色:# FFF;

边框:1px虚线# 909;

左:400像素

}

重点:核心代码部分:

保存为rss.js:

程序代码

!-

//控制身份证明

函数getId(objId){

返回document.getElementById(objId)

}

//链接对应数组,请注明转载自http://www.cnrui.cn/blog

函数URL数组(URL名称){

开关(urlName){

案例"清除":

返回http://www。cn睿。cn/blog/feed。ASP

"阿飞"案:

返回http://www。阿飞。net/blog/RSS。 XML

案例《瑞安夏》:

返回http://www。瑞安夏。com/blog/feerss 2。ASP

case awflasher :

返回http://www。噢闪光器。com/博客/供稿。ASP

案例“塞莱斯”:

返回http://www。cn睿。cn/Seles/feerss 2。ASP

案例“娃娃”:

返回http://号阿飞。net/wawa/blog/RSS 2。 PHP

案例“dreammx”:

返回http://www。dreammx。com/xhyl/feed。ASP

默认值:

返回错误的

}

}

//侧边栏控制,请注明自http://www.cnrui.cn/blog转载

函数closebar(targetid,objId){

if(document.getElementById){

target=getId(目标id);

objsty=getId(objId);

如果(目标。风格。display== none ){

目标。风格。显示=" ";

主要的。风格。width= 800 px

objsty.innerHTML=关闭侧边栏

}否则{

目标。风格。display= none

主要的。风格。宽度= 100% ;

objsty.innerHTML=开启侧边栏

}

}

}

//加载变灰,注明自http://www.cnrui.cn/blog转载

函数监听(一){

getId(prolist ).类名=a;

}

函数btnSty(objId,objStyle)

{

getId(objId)。风格。display=obj样式

}

//提示窗口控制

函数ifodis(){

btnSty(loadifo , none );

}

函数设置时间(一){

设置超时(一个,1000);

}

函数loadtime(){

getId(loadifo ).innerHTML= .

}

//数据入口

函数输入(urlName){

window.location.hash=urlName

var fr murl=saveState(URL名称);//写入信息到ifream

var gamestart=loadrss(URL名称);//AJAX数据过程

}

//XML数据绑定

var xmldoc=false

函数loadrss(urlName){

var myurl=url数组(URL名称)

if(myurl){

listen( mainbg 2 );

//生成随机数,同时限制刷新次数

var Num=数学。地板(数学。random()* 100);

//定义往址参数

url=myurl ?id= Num

//定义为异步传输模式

xmldoc=false

//Mozill,Safari等浏览器时需要创建的XMLHttp类

如果(窗口XMLHttpRequest){

XML doc=new XMLHttpRequest();

if(XML文档。覆盖imetype){

XML文档。重写imetype( text/XML );

}

}

//IE浏览器时创建的XMLHttp类

else if(窗口ActiveXObject){

尝试{

XML doc=新的ActiveX对象( MSXML 3 .XMLHTTP’);

}

捕捉(e){

尝试{

XML doc=新的ActiveX对象( MSXML 2 .XMLHTTP’);

}

捕捉(e){

尝试{

XML doc=新建ActiveX对象( Microsoft .XMLHTTP’);

}

catch(e){}

}

}

}

//不能创建XMLHTTP类时返回

如果(!xmldoc){

返回错误的

}

//调用检查状态函数

XML文档。onreadystatechange=CheckState

xmldoc.open(GET ,url,true);

XML文档。发送(空);

}否则{

getId(listnum ).innerHTML=您输入的地址错误,请重试!

}

}

//状态检测

函数CheckState(){

var response=XML doc。响应XML。文档元素;

btnSty(loadifo , block )

//收到完整的服务器响应

if(xmldoc.readyState==1){

getId(loadifo ).innerHTML=连接服务器

}

else if(xmldoc.readyState==2){

getId(loadifo ).innerHTML=开始加载数据

}

else if(xmldoc.readyState==3){

getId(loadifo ).innerHTML=正在加载数据

设置时间(加载时间)

}

else if(xmldoc.readyState==4){

//HTTP服务器响应值成功

if(xmldoc.status==200){

//将服务器返回的字符串写到页面中身份证明为showdiv的区域

getId(loadifo ).innerHTML=加载完成

设置时间(伊福迪斯)

数量(响应)

}

否则{

getId(loadifo ).innerHTML=错误 xmldoc.status 点这里刷新;

}

}

}

//检查数据合法性

函数trydata(节点名,节点名2){

尝试{

var nodeV=nodename。第一个孩子。nodevalue

}catch(e){

尝试{

var nodeV=nodename 2。第一个孩子。nodevalue

}catch(e){

var nodeV=没有可用信息

}

}

返回nodeV

}

//记录集总数

函数编号(b){

尝试{

var title node=b . select nodes(//RSS/channel/title );

var a=b . getelementsbytagname( item ).长度

titleV=try data(title node(0));

getId(listnum ).innerHTML=共有一个篇文章来源于: titleV

setlist(a,b);

}catch(e){}

}

if (top.location!=自我。位置)顶部。位置=自己。位置;

//节目列表显示

//定义接收指向各个元素的节点信息的变量

var titleNode,linkNode,categoryNameNode,authorNode,pubDateNode,descriptionNode

//定义接收元素值的变量

var titleV,linkV,categoryNameV,authorV,pubDateV,descriptionV

//分类聚合

函数集列表(甲、乙)

{

var progra node=b . getelementsbytagname( item );

var adminlink node=b . select nodes(//RSS/channel/link );

var title node=b . select nodes(//RSS/channel/item/title );

var link node=b . select nodes(//RSS/channel/item/link );

var category node=b .选择节点(//RSS/channel/item/category );

var author node=b .选择节点(//RSS/channel/item/author );

var pubDateNode=b . select nodes(//RSS/channel/item/pubDate );

var description node=b .选择节点(//RSS/channel/item/description );

var category 2s node=b . select节点(//RSS/channel/item/DC:subject );

var author 2s node=b . select nodes(//RSS/channel/item/DC:creator );

var pubdate 2s node=b . select nodes(//RSS/channel/item/DC:date );

var listchar=

//使用为循环,产生列表信息

for(I=0;ia;我)

{

titleV=trydata(titleNode(i))

linkV=trydata(linkNode(i))

categoryV=trydata(类别节点(一),类别2节点(一))

authorV=trydata(authorNode(i),author2sNode(i))

pubDateV=trydata(pubDateNode(i),pubDate2sNode(i))

描述v=尝试数据(描述节点(I))

admin linkv=try data(admin link node(0))

//将得到的元素值装载到产生表格的字符串中

list char= h5a href= linkV target= _ blank titleV /a/H5 span发表时间: pubDateV /span div class= article description v /div div class= bottom 文章分类:类别v a href= 管理链接v target= _ blank 作者: authorV /a/div ;

}

//将生成的表格输出到页面的差异元素

getId(prolist ).innerHTML=listchar

听(“mainbg”)

}

//浏览器回退部分

//重写IFREAM链接,浏览器回退重点

函数保存状态(消息){

var hisFrm=getId(historyFrame )

hisFrm.src=blank.html?消息

}

//检测IFREAM

window.dhtmlHistory={

iframeLoaded:函数(新位置){

var哈希=新字符串(newLocation.search)

如果(哈希。长度=2哈希。charat(0)==?哈希。子串(1)!=delChar()){

hash=hash.substring(1)

窗户。位置。hash=哈希;

var hisFrmdata=loadrss(hash)

}

}

}

//浏览器链接指向部分

//去除符号,请注明http://www.cnrui.cn/blog转载

函数delChar(){

var a=window.location.hash

返回一个。子字符串(1)

}

window.onload=function(){

如果(窗口。位置。哈希。长度=2){

ent(delChar())

}

}

//-

点击下载

国内首发 -- ajax完整功能框架