您现在的位置： 会 员 登 录
热 门 文 章
相 关 文 章
- 没有文章
Tags(标签)
Ajax程序中,自己实现页面前进、后退、与标签功能(asp.
71 //根据浏览器的hash，加载数据
72 function urlCode()
73 {
74 var TempHash = window.location.hash;
75 //下面的"home"、"msgList"只是做个标识，可以自己定义
76 //根据浏览器的hash，加载数据
77 switch(TempHash)
78 {
79 case"":
80 alert('调用你的首页');
81 break;
82 case"home":
83 alert('调用你的首页');
84 break;
85 }
86 //如果是留言本的页码标签
87 if (TempHash.substr(1,7)=="msgList")
88 {
89 var page;
90 //取得当前页码
91 page = window.location.hash.substr(8,window.location.hash.length);
92 alert('根据页码调用你的留言列表');
93 }
94 //当然如果是论坛的帖子标签，我想也只是对TempHash这个字符串多玩几个花样而已，具体我就不介绍了。
95 }
以上主要是用到JS数组的存储功能，用window.location.hash这个方法来操作浏览器的碎片标识。
下面是一个测试用的HTML文件，向大家描述一下具体的使用方法。
文件名test.HTML
test.HTML
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
5 <title>测试</title>
6 <script language="javascript" src="http://www.aspcool.com/lanmu/imitateHistory.js" type="text/javascript"></script>
7 <script language="javascript" type="text/javascript">
8 <!--
9 //页面装载完后,通过浏览器的Hash初始化你的Ajax程序。
10 function window.onload()
11 {
12 urlCode();
13 }
14 //我用下面这个方法来模拟AJAX回调不同的模块。
15 function imitateAjax(mode)
16 {
17 switch(mode)
18 {
19 case "home":
72 function urlCode()
73 {
74 var TempHash = window.location.hash;
75 //下面的"home"、"msgList"只是做个标识，可以自己定义
76 //根据浏览器的hash，加载数据
77 switch(TempHash)
78 {
79 case"":
80 alert('调用你的首页');
81 break;
82 case"home":
83 alert('调用你的首页');
84 break;
85 }
86 //如果是留言本的页码标签
87 if (TempHash.substr(1,7)=="msgList")
88 {
89 var page;
90 //取得当前页码
91 page = window.location.hash.substr(8,window.location.hash.length);
92 alert('根据页码调用你的留言列表');
93 }
94 //当然如果是论坛的帖子标签，我想也只是对TempHash这个字符串多玩几个花样而已，具体我就不介绍了。
95 }
以上主要是用到JS数组的存储功能，用window.location.hash这个方法来操作浏览器的碎片标识。
下面是一个测试用的HTML文件，向大家描述一下具体的使用方法。
文件名test.HTML
test.HTML
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
5 <title>测试</title>
6 <script language="javascript" src="http://www.aspcool.com/lanmu/imitateHistory.js" type="text/javascript"></script>
7 <script language="javascript" type="text/javascript">
8 <!--
9 //页面装载完后,通过浏览器的Hash初始化你的Ajax程序。
10 function window.onload()
11 {
12 urlCode();
13 }
14 //我用下面这个方法来模拟AJAX回调不同的模块。
15 function imitateAjax(mode)
16 {
17 switch(mode)
18 {
19 case "home":
附件：
没有附件
0
票
顶一下
票
顶一下
0
票
踩一下
票
踩一下
打印本页
关闭窗口| 文 章 评 论 | ||||||||
| ||||||||