location和history

效果图:

网页布局

<p>操作成功</p>
<strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a>

任务:

1.打开网页后,如果不做任何操作则返回到一个新的页面

var num=document.getElementsByTagName("strong")[0].innerHTML;
//获取显示秒数的元素,通过定时器来更改秒数。
function count(){
  num--;
  document.getElementsByTagName("strong")[0].innerHTML=num;
  if(num==0){
    location.assign("www.imooc.com");
  }
}
setInterval("count()",1000);

2.点击返回则返回到前一个页面

function backTo(){

  window.history.back();

}

location和history是window中的对象

location.assign()方法用来加载一个新的文档

history.back()方法可以加载历史列表中的前一个URL

时间: 2024-10-14 00:32:58

location和history的相关文章

js BOM(一)window、location、history、navigator、定时器setInterval

目录: 1.BOM介绍    * JavaScript分三部分        - ECMAScript标准:JS的基本语法        - DOM:Document object Model  文档对象模型--操作页面的元素        - BOM:Browser Object Model 浏览器对象模型--操作的是浏览器 * 浏览器中有个顶级对象:window      页面中顶级对象:document,页面中所有的内容都是属于浏览器的,页面中的内容也都是window的          

Location 位置 history

拆分出来地址  让地址各归其位 search案例 查找历史记录跳转

javascript:history.go(-1)和javascript:history.back(-1)

javascript:history.go(-1)和javascript:history.back(-1) 转自:http://hi.baidu.com/chy0806css/item/b72344ac9aa6a73a030a4dfa go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留. <input type=button value=刷新 onclick="window.location.reload()"&g

前端路由的实现(三) —— History的pushState和replaceState用法

HTML5中history提供的pushState, replaceState这两个API.它们提供了操作浏览器历史栈的方法. pushState能够在不加载页面的情况下改变浏览器的URL.这个方法接受三个参数: 状态对象,新状态的标题和可选的相对URL. history.pushState(data, null, '#/page=1'); pushState接收3个参数,第一个参数为一个obj,表示浏览器的state属性: 第二个参数是document.title的值,一般设定为`null`:

记 history.replaceState方法一次应用 解决单页面应用刷新切换页面问题

恩,以前就知道history api 新加了几个方法但是没怎么研究过,今天碰到了一个小问题,用history完美解决了,很兴奋,记录下 首先说下我遇到的问题场景: 现在有两个页面 A,B A页面时提交信息页面 B页面是结果页 并且 A,B 页面是同一个html文件内用 js 模板 动态渲染的, 那么当结果页面动态渲染出来以后,每次刷新就会显示A页面,其实,我更想显示B页面对吧,肯定不想让用户再次提交一次,而且大多数情况下我其实并不希望用户直接进入提交信息页面的,因为如果是支付的话,会造成二次支付

用js实现跳转提示页面

效果图: 网页布局 <p>操作成功</p> <strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a> 任务: 1.打开网页后,如果不做任何操作则返回到一个新的页面 var num=document.getElementsByTagName("strong")[0].in

JS常见问题总结二

四.异步 console.log(100) setTimeout(function(){ console.log(200) }) console.log(300) 4.1 同步和异步的区别是什么?分别举一个同步和异步的例子. 答:同步会阻塞代码执行,而异步不会:alert是同步,setTimeout是异步 4.2 一个关于setTimeout的笔试题 console.log(1) setTimeout(function(){ console.log(2) },0) console.log(3)

JS window与document

开头语:嗯~~~~~~~~~ 正文如下 一.window window是Javascript中的最高级对象,它是document.location和history对象的父对象.正因为window是一个很高级的对象,所以通常在JavaScript代码编写中应用它的方法.属性时我们并不是必须写出window对象,如引用window的parent属性时:window.parent可以简单写成parent. Window 对象表示一个浏览器窗口或一个框架.在客户端 JavaScript 中,Window

JS学习四(BOM DOM)

BOM                Screen对象 console.log(window.width);//屏幕宽度 console.log(window.height);//屏幕高度 console.log(window.availWidth);//屏幕可用宽度 console.log(window.availHeight);//屏幕可用宽度 ★  location对象 取到浏览器的URL地址信息: 完整的URL路径: 协议名://主机名(IP地址):端口号/文件所在路径?传递参数(nam