藕粉vi设计的核心价值在于为企业打造独特的品牌,藕粉vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“藕粉vi设计”配图为本公司设计作品
基于Java Script语言的应用程序的一个主要问题是它们破坏了后退按钮。如果您用Java Script语言更新页面上的内容,而不是从服务器加载一个新的页面,那么在浏览器历史中不会有任何条目;因此,当用户点击回来了,期望回到以前的状态时,他们却回到了以前的站点。
拖放是用户与网应用程序交互的一种很好的方式。但是,如果用户花时间浏览应用程序后,点击后退按钮,期望返回到某个页面,而不是回到他们的开始屏幕,那么可用性收益将会丧失。在这篇文章《你好!作者罗布克罗泽向您展示了如何使用HTML5历史应用程序接口来避免这种命运。
这个问题可以简单地证明。您所需要的只是一个响应用户活动更新页面的函数:
定义变量倍=0;
函数doclick() {
时代;
文档。getelementbyid(“message”).innerHTML=
记录了b次/b次点击;
}
和一个小小的标记:
div onclick=' doclick();'单击我/分区
div id='消息'记录了b0/b次点击/div
在现实生活中,您的网页面会做一些更复杂的事情,比如通过创建交互式、快速动态网页应用的网页开发技术从服务器获取新内容,但是一个简单的更新就足以演示这个概念。让我们看看当用户访问页面时会发生什么。
用户从他们的主页开始,决定访问他们听说过的神奇的点击我应用程序。
他们输入网址或跟随电子邮件中的链接进入点击页面。
在几秒钟愉快的交互之后,页面状态已经改变了几次。
但是当用户点击浏览器中的后退按钮时,他们发现不是回到上一个页面状态,而是跳到他们的主页。
可以更新doclick()函数来利用历史API .每次页面更新时,它还会设置位置。哈希:
函数doclick() {
时代;
location.hash=times
文档。getelementbyid(“message”).innerHTML=
记录了b次/b次点击;
}
用户像以前一样到达"点击我"页面。
请注意,现在统一资源定位器在每次点击后都会更新,在其末尾会出现"#"。
单击背部按钮现在会将位置带回到#2,表明页面状态已经成功地添加到历史记录中。但是请注意,单击后退按钮并不会自动将页面返回到之前的状态。
更新页面状态
更新历史只是问题的一部分;您还需要能够更新页面的状态,以匹配历史中的状态。
因为您是管理历史的人,所以由您来管理页面状态。为了更新页面以响应位置.哈希的更改,您可以侦听哈希变换事件:
函数doclick() {
时代;
location.hash=times
}
注:本文“藕粉vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐