今天上铺给了一个比较特殊的需求,对于一些js执行的行为能保存下来,如果直接使用浏览器是可以通过history回退来实现的。但是,他使用的软件,并不是浏览器,每次都会通过url来获得!
也就是,后退后,又是初始的状态,相当于重新加载了一次页面!
如果能够像jsp那样,可以接受一个参数就ok了!这样就可以通过url来记录状态了。
依赖:
html_runexe[www.greenhua.com]
https://github.com/allmarkedup/jQuery-URL-Parser
实现:
这里通过增加一个参数来完成。
<style> .box {border:1px dashed blue;padding:5px; list-style:none;font-size:16px; font-family:"黑体"; line-height:60px } p{margin:0; border:0; padding:0; line-height:1em} .detail{display:none} </style> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/purl.js"></script> <script type="text/javascript"> $(document).ready(function(){ var catalog = $.url().param('catalog'); if ( typeof(catalog) === 'undefined'){ catalog=1; } $(".detail").hide(); $("#detail_" + catalog).show(); }); function menu(catalog){ location.href = "?catalog="+catalog; } </script>
<div class="box">
<li>
<span><a href="#" onclick="menu(1)" id="catalog_1">01-01</a></span>
<span><a href="#" onclick="menu(2)" >02-02</a></span>
<span><a href="#" onclick="menu(3)" >03-03</a></span>
<span><a href="#" onclick="menu(4)" >04-04</a></span> </li>
<li>
<span><a href="#" onclick="menu(5)" >05-05</a></span>
<span><a href="#" onclick="menu(6)" >06-06</a></span>
<span><a href="#" onclick="menu(7)" >07-07</a></span>
<span><a href="#" onclick="menu(8)" >08-08</a></span> </li>
<p class="detail" id="detail_1">1</p>
<p class="detail" id="detail_2">2</p>
<p class="detail" id="detail_3">3</p>
<p class="detail" id="detail_4">4</p>
<p class="detail" id="detail_5">5</p>
<p class="detail" id="detail_6">6</p>
<p class="detail" id="detail_7">7</p>
<p class="detail" id="detail_8">8</p>
</div>
--v2--
<script type="text/javascript"> $(document).ready(function(){ var catalog = $.url().param('catalog'); if ( typeof(catalog) === 'undefined'){ catalog=1; } $(".detail").hide(); var ccatalog = $("#catalog_" + catalog); ccatalog.css("background","blue"); ccatalog.css("color","#FFF"); $("#detail_" + catalog).show(); }); function menu(catalog){ location.href = "?catalog="+catalog; } </script>
相关推荐
ASP转html静态页面后点击计数解决方法~AJAX 1、在你要统计点击次数的html页面,加入以下代码(这里count.asp与本文件同录目) 表名&id=文章ID"></script> '文章ID可读取数据库中的. 2、将下面的代码保存成count.asp...
日志文件生成静态页面可以提供速度和提高搜索引擎收录。 5.日志定时发布。有利于控制博客文章的更新频率。有利于搜索引擎排名。 6.垃圾信息屏蔽审核策略。自动识别机器人发信息,并给予屏蔽。对于人为发布的信息符合...
√ 更易维护和管理,HTML静态页面后台只须轻轻一点,即可全部生成,方便快捷! √ 是电子商务时代所趋,目前较为流行的购物站均采用静态化的HTML,采用HTML静态版已是大势所趋。 六、HTML静态版拥有6套风格...
在ASP.NET中,网页包含视图状态来保存用户的信息,视图状态在页面发回到自身时,跨页过程存储和用户自己的页面的特定值,视图状态的优点如下所示。 q 不需要任何服务器资源。 q 在默认情况下,对控件启用状态的数据...
robopages:基于层次结构的基于XML的快速应用程序CMS,无布局或复杂性限制。 可选的静态输出。... 服务器端的书本显示具有翻页功能,状态保存的上次阅读页面等。 基于文件的可选博客。 mp4自动显示现已添加
7、保存布局,用户在拖动模块到页面进行布局后,可以点此按钮,进行页面布局的保存 8、预览,用户可以点此按钮预览未登陆状态下的页面情况 9、发布,点此按钮进入上传发布 10、退出,点此按钮,则会注销用户登陆...
[针对“找不到命令错误” ] 启动具有实时重新加载功能的本地开发服务器,以处理静态和动态页面。启动/停止服务器的快捷方式[注意:如果您的工作区中没有任何.html或.htm文件,则必须遵循方法4和5来启动服务器。 ...
用户在拖动模块到页面进行布局后,可以点此按钮,进行页面布局的保存 8、预览 用户可以点此按钮预览未登陆状态下的页面情况 9、后台管理 点此按钮进入后台 10、退出 点此按钮,则会注销用户登陆状态,站点...
用户在拖动模块到页面进行布局后,可以点此按钮,进行页面布局的保存 8、预览 用户可以点此按钮预览未登陆状态下的页面情况 9、后台管理 点此按钮进入后台 10、退出 点此按钮,则会注销用户登陆状态,站点...
用于将服务器呈现的静态HTML连接到客户端呈现的应用程序功能性单击某些元素时显示不可隐藏的加载器将用户输入保存在静态和交互状态之间// //查看是否需要保留用户的“焦点”用法使用npm安装软件包npm install cold...
控件提供各种调用的参数和方法,同时还有各个状态的回调函数,无论您使用自带的标准界面,或是使用自己定制的界面,控件一样健康运作。 控件特点: 1.健康地上传文件,无论文件有多大!极具容错功能。 2.支持文件...
将JS文件保存到本地。最后在任意的页面中,引入如下代码,则可实现您的工单系统。 1、新增自动分单。 2、自动关闭工单支持2个状态设定。 3、完善工单字段提交内容校验功能。 4、优化后台通知消息时生成的登陆链接。 ...
10.1.1 静态网页的处理过程 190 10.1.2 动态网页的处理过程 190 10.1.3 Web数据库访问 191 10.2 数据库基础 192 10.2.1 数据库、数据库管理系统和数据库 系统 192 10.2.2 记录与字段 192 10.2.3 记录集 192 ...
这样做将保存整个游戏状态。 这包括: 统计历史动作分数时间玩过的游戏每次保存都会覆盖前一个。加载游戏加载游戏将恢复您保存的游戏,并允许您继续。重新开始有两个重新启动选项。 重新启动当前游戏重来重新启动...