JavaScript对象 Documetn Document Document 接口表示任何在浏览器中载入的网页，并作为网页内容的入口，也就是DOM 树。...它向网页文档本身提供了全局操作功能，能解决如何获取页面的 URL ，如何在文档中创建一个新的元素这样的问题。 Document 接口描述了任何类型的文档的通用属性与方法。...，还能使用更多 API：使用 "text/html" 作为内容类型（content type）的 HTML 文档，还实现了 HTMLDocument 接口，而 XML 和 SVG 文档则（额外）实现了...location.reload() 重新加载页面，相当于刷新按钮或者f5 如果参数为true强制刷新ctrl+f5 ---- history对象 history对象方法 作用 history.back...() 相当于页面的后退 history.forward() 页面前进 history.go(args) 前进后退功能参数如果是1前进1个页面如果是-1后退1个页面 高级事件 监听事件 <
需求 如果要你实现一个前端路由，应该如何实现浏览器的前进与后退 ？ 2. 问题 首先浏览器中主要有这几个限制，让前端不能随意的操作浏览器的浏览纪录： •没有提供监听前进后退的事件。...•url 不存在于浏览记录中即为前进，前进时，往数组里面 push 当前的路由。•url 在浏览记录的末端即为刷新，刷新时，不对路由数组做任何操作。...我们使用两个栈，X 和 Y，我们把首次浏览的页面依次压入栈 X，当点击后退按钮时，再依次从栈 X 中出栈，并将出栈的数据依次放入栈 Y。...当我们点击前进按钮时，我们依次从栈 Y 中取出数据，放入栈 X 中。当栈 X 中没有数据时，那就说明没有页面可以继续后退浏览了。当栈 Y 中没有数据，那就说明没有页面可以点击前进按钮浏览了。...当你通过浏览器的后退按钮，从页面 c 后退到页面 a 之后，我们就依次把 c 和 b 从栈 X 中弹出，并且依次放入到栈 Y。这个时候，两个栈的数据就是这个样子： ?
# 前端路由实现方法 路由需要实现以下功能： 当浏览器地址变化时，切换页面； 点击浏览器【后退】、【前进】按钮时，网页内容跟随变化； 刷新浏览器，网页加载当前路由对应的内容。...，并触发 onhashchange 事件 html 中 标签的属性 href 可以设置为页面的元素 ID 如 #top，当点击链接时页面跳转到该 ID 元素所在区域，同时浏览器自动设置 window.location.hash...” 和 “后退” 按钮，其实就是对 History 对象进行操作 # 属性 History 对象主要有两个属性： History.length 当前窗口访问过的页面数量（含当前页面） History.state.../ 相当于 history.back() history.go(0); // 相当于刷新当前页面 History.pushState() 用于在历史中添加一条记录 pushState() 不会触发页面刷新...popstate() 每当 History 对象出现变化时，就会触发 popstate 事件 仅仅调用 pushState() 方法或 replaceState() 方法，并不会触发该事件 只有用户点击浏览器倒退按钮或前进按钮
value=前进 onclick=”window.history.forward()”> 后退+刷新在C# Web...程序中，如为页面按钮写返回上一页代码 this.RegisterClientScriptBlock(“E”, “history.go(-2);”); 其中，history.go(-2)，要写为-2，因在按钮事件触发前，已刷新一次页面，所以应是-2。...history.back()是会上一页 i=1 history.go(i)去指定的某页 如果是history.go(0)那就是刷新这两个属于JS代码，相当于IE的前进、后退功能。
每当在浏览器的地址栏中输入新的 URL，但我们不想刷新页面时，就会发生这种情况，我们只是想通过加载新内容来刷新视图。 你可以选择将路由存储在 routes[] 数组中。...太糟糕了，因为单击浏览器的“后退”和“前进”按钮与浏览历史记录中的 URL 导航有关。如果没有 History API，就无法谈论路由。...go() 与 .back() 和 forward() 方法相似，不同之处在于你可以指定浏览器历史记录栈中要前进或后退的步数。。 pushState() 会将新状态推送到 History API。...使“后退”和“前进”按钮起作用 通过使用 history.pushState，你将自动使 Back 和 Forward 按钮导航到上一个或下一个状态。这样做会产生 popstate事件。...这是你必须再次更新视图的部分。（第一次是我们单击按钮时。） 但是由于该事件带有单击的 id，因此单击 Back 或 Forward 时很容易刷新视图并重新加载内容。
事情是这样的，用户登陆后进入首页，点击退出，然后使用浏览器的后退按钮进入了首页，这时候首页走本地缓存，并且一些动态内容和登陆页混在了一起，样式乱了(具体原因没有细纠)。...Request缓存 HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息，包括浏览器端，中间缓存服务器端(如：squid等)，Web服务器端。...，GMT格式； Expires过时期限值，GMT格式，指浏览器或缓存服务器在该时间点后必须从真正的服务器中获取新的页面信息； 上面两个值在JSP中设置值为字符型的GMT格式，无法生效，设置long类型才生效...需要注意的是必须使用GMT时间格式； --> Response缓存 如何在点击浏览器前进、后退键时刷新页面而不读取缓存 点击浏览器的后退键...，总是会读取缓存，这样会导致有时候获取不到页面上的值，如果点击后退键时刷新页面而不读取缓存，这样就不会产生获取不到值的问题。
并不刷新页面。 #后跟的就是页面Hash，同样hash的改变也会推进浏览器历史记录中。 支持后退前进。...可以改变网址(存在跨域限制)而不刷新页面，这个强大的特性后来用到了单页面应用如：vue-router，react-router-dom中。...如不传该项,即给当前url添加data popstate事件会在点击后退、前进按钮(或调用history.back()、history.forward()、history.go()方法)时触发。...将当前URL和history.state加入到history中，并用新的state和URL替换当前。不会造成页面刷新。...window.onpopstate history.go和history.back（包括用户按浏览器历史前进后退按钮）触发，并且页面无刷的时候（由于使用pushState修改了history）会触发popstate
点击浏览器的后退和前进按钮，浏览器会前后浏览您浏览过的网页的历史记录。 Angular路由器借鉴了这种模式。 它可以将浏览器URL解释为导航到客户端生成视图的指令。...当用户点击按钮，从下拉框中选择，或者响应来自任何来源的其他刺激时，您都可以进行命令式导航。并且路由器在浏览器的历史记录中记录活动，所以后退和前进按钮也起作用。...有关详细信息，请参阅声明路由器提供程序和指令。 基本功能概述 本指南分阶段进行，以里程碑为标志，从简单的双页面和建筑开始，走向带有子路由的模块化多视图设计。...该URL可以直接从浏览器地址栏中获得。 但是大多数情况下，由于某些用户操作（如点击锚标签）迫使您导航。...一旦应用程序启动完成，您将看到一排导航按钮和带有英雄列表的英雄视图。 ? 选择一个英雄，该应用会将您带到英雄编辑屏幕。 ? 改名字。 点击“返回”按钮，应用程序返回英雄列表，显示更改的英雄名称。
，所以当刷新浏览器时js会重新执行，当前页面的内容便会丢失；页面跳转时浏览器不会向服务器发出新的页面请求，浏览器也就无法前进、后退页面。 ...(); // 前进一页history.back(); // 后退一页 在H5规范中引入了三个新的API， // 按指定的名称和URL（如果提供该参数）将数据...既然pushState和replaceState不会触发事件，那么我们需要换个思路来监听URL的变化。在单页应用中能改变URL的操作其实可以归为以下几种： 1....点击浏览器的前进或后退按钮； 2. 点击 a 标签； 3. 在JS代码中触发history.pushState函数； 4....memeory模式的路由信息保存在内存中，浏览器的前进后退操作无效，更适合运用在单机应用中。
防止网页后退--禁止缓存 我们在进行数据库添加操作的时候，如果允许后退，而正巧有刷新了页面，就会再次执行添加操作，无疑这不是我们需要的，像一般网上很多禁止缓存的代码，有时并不可靠，这时你只要在操作的页面加上就可以了...在form中加一个hidden域，显示该令 牌的值，form提交后重新生成一个新的令牌，将用户提交的令牌和session 中的令牌比较，如相同则是重复提交 3 在你的服务器端控件的代码中使用Response.Redirect...起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来，看到竟然有那么多的人想要禁用这个后退按钮，我也就释然（想要禁用的只有后退按钮，不包括浏览器的前进按钮）。...在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果，这样也就抵消了用户点击后退按钮所产生的动作。...防后退方法 简单操作方法防后退和刷新 Page_Load中加入 Response.Cache.SetNoStore(); //Session中存储的变量“IsSubmit”是标记是否提交成功的 if
用户每次点击「后退」按钮都会取走最上面的那个盘子，叫做「出栈」。而每次浏览器显示的自然是最顶端的盘子的内容。...执行pushState函数之后，会往浏览器的历史记录中添加一条新记录，同时改变地址栏的地址内容。它可以接收三个参数，按顺序分别为： 一个对象或者字符串，用于描述新记录的一些特性。...这个参数会被一并添加到历史记录中，以供以后使用。这个参数是开发者根据自己的需要自由给出的。 一个字符串，代表新页面的标题。当前基本上所有浏览器都会忽略这个参数。 一个字符串，代表新页面的相对地址。...」、「后退」按钮时，就会触发popstate事件。...为了处理用户前进、后退，我们监听popstate事件。当用户点击前进或后退按钮时，浏览器地址自动被转换成相应的地址，同时popstate事件发生。
下面是一些常用的window.history对象的方法和属性： 1：history.length：返回浏览器历史记录中的页面数量。...console.log(history.length); 2：history.back()：将浏览器导航到上一个页面，等效于用户点击浏览器的后退按钮。...history.back(); 3：history.forward()：将浏览器导航到下一个页面，等效于用户点击浏览器的前进按钮。...正值表示前进，负值表示后退。...history.go(-2); // 后退两个页面 history.go(1); // 前进一个页面 5：history.pushState(state, title, url)：将一个新的状态添加到浏览器的历史记录中
上一节我们说地址栏跳转的时候，谈到了浏览器会缓存用户访问url序列，我们可以通过浏览器的前进后退按钮或者通过js提供的方法，访问这个序列里的url，不过关于这一点上一节我们只说了window.history.go...window.history.back() 这个方法的作用为返回上一页，相当于浏览器的后退按钮，和window.history.go(-1)达成的效果是一样的。...window.history.forward() window.history.forward()的作用和window.history.back()的作用相对应，就是前往下一页，相当于浏览器的前进按钮，...，它只会将目标url添加到序列中，并且出现在地址栏中，但并不会立即加载并跳转到这个页面，但如果你访问了新的页面，点击返回按钮的时候，或者在当前页面刷新时，浏览器就会加载并跳转到你新添加的这个url。...popstate popstate类似于一个事件函数，当用户在浏览器点击后退、前进，或者在js中调用histroy.back()，history.go()，history.forward()等，会触发popstate
相反，UIWebView是和APP是同一个进程，UIWebView加载页面占用的内存被计算为APP内存占用的一部分，当APP超过了系统分配的内存，则会被操作系统crash。...要允许用户在Web历史页面中前进或者后退，要为按钮设置goBack或者goForward的动作。当用户不能在某个方向上再移动时，使用canGoBack或者canGoForward来禁用按钮。...布尔值，指示后退列表中是否有可被导航到的后退项。 canGoForward。布尔值，指示后退列表中是否有可被导航到的前进项。 allowsLinkPreview。...导航到后退列表中的后腿项中。 - goForward。导航到后退列表中的前进项中。 - goToBackForwardListItem:。导航到后退列表中的某一个网页项，并将其设置为当前项。...导航到后退列表的后退项中。 - goForward。导航到后退列表的前进项中。 - reload。重新加载当前页面。 - reloadFromOrigin。
简介 ---- 虽然传统的 ajax 方式可以异步无刷新改变页面内容，但无法改变页面 URL，因此有种方案是在内容发生改变后通过改变 URL 的 hash 的方式获得更好的可访问性（如 https://...liyu365.github.io/BG-UI/tpl/#page/desktop.html），但是 hash 的方式有时候不能很好的处理浏览器的前进、后退，而且常规代码要切换到这种方式还要做不少额外的处理...pjax 结合 pushState 和 ajax 技术， 不需要重新加载整个页面就能从服务器加载 Html 到你当前页面，这个 ajax 请求会有永久链接、title 并支持浏览器的回退/前进按钮。...缺点： 不支持一些低版本的浏览器(如IE系列) pjax使用了pushState来改变地址栏的url，这是html5中history的新特性，在某些旧版浏览器中可能不支持。...浏览器前进/后退导航时触发的事件（暂时没做过多研究） 事件名 参数 说明 pjax:popstate 页面导航方向: 'forward'/'back'（前进/后退） pjax:start null,
data-icon="myapp-email" myapp-email 就是自定义的图标名称，根据规范编写css 样式 样式名称为.ui-icon-myapp-email 并在改样式中把图标设置为背景...data-inline="" 属性值为true button 按钮的按钮的宽度会自动适应按钮文本内容和图标组合的长度。 ...data-rel="back" jQuery Mobile 会忽略a 元素的href属性，并模拟出类似浏览器后退按钮。 多按钮的Footer 工具栏。 ...footer 工具栏和header工具栏在布局上有一些区别。在footer工具栏中添加的按钮会自动给哦设置成inline 模式，并自动适应文本内容的宽度。 ...header 或footer 区域设置为 data-position 属性值为fixed,然后在页面或视图的div 元素上设置data-fullscreen 属性为true 页面或试图采用全屏模式
4.3.2 添加联系人按钮 添加联系人按钮让用户将现有联系人添加到文本框或者其它文字视图中。 ? API注释 想要了解如何在代码中定义添加联系人按钮，请参考UIButton....4.3.3 日期时间选择器 日期时间选择器展示关于日期和时间的组件，比如小时，分钟，天，以及年。 ? API注释 想要了解如何在代码中定义添加日期时间选择器，请参考UIDatePicker....一般来说，你会在一个表格视图中使用详情展开按钮来让用户知道更多关于这个列表项的信息。当然你也可以将这个按钮用在其它类型的视图中来为用户展示更多与特定项目相关的信息和功能。...但在某些特定的内容区域内，为按钮描边或者添加背景颜色，让用户迅速地把注意力放到按钮上，也是必要的。Value 2的布局中，文本和副标题中间的垂直间距会让用户专注于副标题的第一个单词。...适当地使用大写和标点符号，尤其是在以下这些场景中： ? 如果你必须为警告框添加正文文本，请使用一个完整的短句。可能的话，尽量保证句子在1到2行之间。
以下是工具栏底部的每个按钮的说明： Home（首页）、Forward（前进）和Back（后退）按钮： 这些类似于 Web 浏览器的前进和后退按钮。 它们用于在之前定义的视图之间来回浏览。...它们没有意义，除非你已经使用平移和缩放按钮访问了其他地方。 这类似于尝试在访问新页面之前单击 Web 浏览器上的返回 - 什么都不会发生。 首页总是你第一个浏览的页面，以及你的数据的默认视图。...对于Home，Forward和Back，应该将其看做 Web浏览器，其中的数据视图是网页。 使用Pan和Zoom来定义新视图。 Pan/Zoom（平移/缩放）按钮 此按钮有两种模式：平移和缩放。...y轴和上/下移动同上。 开始缩放时鼠标下的点会保持静止，你可以缩放图形中的其它任意点。 你可以使用快捷键'x'，'y'或CONTROL分别将缩放约束为x轴，y轴或保留宽高比。...命令 快捷键 主页/重置 h、r或home 后退 c、左箭头或backspace 前进 v或右箭头 平移/缩放 p 缩放到矩形 o 保存 ctrl + s 切换全屏 ctrl + f 关闭绘图 ctrl
避免了命名冲突问题 下面三种情况都会刷新页面都会触发 load 事件。...1.a标签的超链接 2.F5或者刷新按钮（强制刷新） 3.前进后退按钮 但是 火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里...所以此时后退按钮不能刷新页面。 此时可以使用 pageshow事件来触发。，这个事件在页面显示时触发，无论页面是否来自缓存。...在重新加载页面中，pageshow会在load事件触发后触发；根据事件对象中的persisted来判断是否是缓存中的页面触发的pageshow事件 注意这个事件给window添加。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
