【JS学习】慕课网8-17编程练习 网页的返回与跳转

编程练习

制作一个跳转提示页面:

要求:

1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

2. 如果点击“返回”按钮则返回前一个页面。

代码如下:

需要注意的是23行要用window.location.href来指定  用window.open 的话是在新页面打开

27行用计时器setInterval来调用函数  也可以用setTimeout 但此时函数内外都要加上即注释掉的25行

10行超链接指向必须是javascript:跳转函数

 1 <!DOCTYPE html>
 2 <html>
 3  <head>
 4   <title>浏览器对象</title>
 5   <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
 6  </head>
 7  <body>
 8   <!--先编写好网页布局-->
 9   <h1>操作成功</h1>
10   <p><span id="second">5</span>秒后返回主页<a href="javascript:goback()">返回</a></p>
11
12
13
14   <script type="text/javascript">
15
16    //获取显示秒数的元素,通过定时器来更改秒数。
17    var num=document.getElementById("second").innerHTML;
18 function goto(){
19     num--;
20     document.getElementById("second").innerHTML=num;
21     if(num==0)
22     {
23         window.location.href="http://www.baidu.com";//window.open的话是在新窗口打开,需要用location指定!
24     }
25     //setTimeout("goto()",1000);
26 }
27 setInterval("goto()",1000);
28
29 function goback(){
30     window.history.back();
31 }
32
33    //通过window的location和history对象来控制网页的跳转。
34
35  </script>
36 </body>
37 </html>
时间: 2024-10-07 22:45:08

【JS学习】慕课网8-17编程练习 网页的返回与跳转的相关文章

学习 慕课网 PHP工程师学习计划--我的笔记汇总

为了进一步学习PHP,本周我选定了慕课网的PHP工程师学习计划, 从今天2015-07-06 10:24:47开始从头学习:计划本周尽快学习完成本课程,谨此作为笔记. 有个好的学习计划和思路非常非常重要,非常感谢慕课网提供本套学习计划,希望更多地学习平台能提供像这样全面一条龙学习思路清晰地教程. 计划图:链接 我的学习状况:2015-07-06 10:29:46 笔记汇总 入门必学  篇 web基础 htmlcss基础 (笔记已完成)  

JS入门-慕课网

javascript是一种弱类型的数据交互语言, ch 1 数据类型 js中有六种数据类型:nunmber.string.boolean.null.undenfined.object原始类型:number.string.boolean.null.undefined对象类型:  object 包含了 function.array.date等等 NaN是number类型 ch 2 隐式转换 加号减号加号相当于字符串的拼接减号运算,也能对字符串进行隐性转换,比如num-0 37" + 7 //结果是3

学习慕课网ES6实战项目遇到的问题————呱呱二号

看到这个问题之后,应该将scripts.js 这个文件的红色区域修改饥渴

JavaScript进阶--慕课网学习笔记

                     JAVASCRIPT-进阶篇 给变量取个名字(变量命名) 变量名字可以任意取,只不过取名字要遵循一些规则: 1.必须以字母.下划线或美元符号开头,后面可以跟字母.下划线.美元符号和数字.如下: 正确: mysum _mychar $numa1 错误: 6num  //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(%  + /等) sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等) 2.变量名区分大小写,

浏览器对象练习(慕课网题目)

编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页. 2. 如果点击"返回"按钮则返回前一个页面. 效果: 注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

慕课网-Java入门第一季-7-2 Java 中无参无返回值方法的使用

来源:http://www.imooc.com/code/1578 如果方法不包含参数,且没有返回值,我们称为无参无返回值的方法. 方法的使用分两步: 第一步,定义方法 例如:下面代码定义了一个方法名为 show ,没有参数,且没有返回值的方法,执行的操作为输出 “ welcome to imooc. ” 注意哦: 1. 方法体放在一对大括号中,实现特定的操作 2. 方法名主要在调用这个方法时使用,需要注意命名的规范,一般采用第一个单词首字母小写,其它单词首字母大写的形式 第二步,调用方法 当需

慕课网课程学习--JS事件探秘

事件流 事件冒泡(IE):事件最先被最具体的元素(文档中嵌套层次最深的节点)接受,然后逐级向上传播至最不具体的节点(.. -> body ->html -> document): 事件捕获(网景):不具体的节点更早接收到事件,最具体的节点最后接收到事件,和事件冒泡相反. 事件处理程序 1.HTML事件处理程序 原理:把事件直接在HTML结构中的HTML元素上. 方法一. <input type="button" value="click" o

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

Node.js爬虫-爬取慕课网课程信息

第一次学习Node.js爬虫,所以这时一个简单的爬虫,Node.js的好处就是可以并发的执行 这个爬虫主要就是获取慕课网的课程信息,并把获得的信息存储到一个文件中,其中要用到cheerio库,它可以让我们方便的操作HTML,就像是用jQ一样 开始前,记得 npm install cheerio 为了能够并发的进行爬取,用到了Promise对象 //接受一个url爬取整个网页,返回一个Promise对象 function getPageAsync(url){ return new Promise(