JavaScript之浏览器对象编程练习

最新推荐文章于 2024-07-18 08:34:02 发布

AlexYBB

最新推荐文章于 2024-07-18 08:34:02 发布

阅读量360

点赞数

分类专栏： JavaScript学习

本文链接：https://blog.csdn.net/beibei0921/article/details/48210909

版权

JavaScript学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

制作一个跳转提示页面：

要求：

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

2. 如果点击“跳转”按钮则新弹出一个页面。

demo：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浏览器对象</title>
</head>
<body>
  <!--先编写好网页布局-->
  <div>
  <h4 id="p1">操作成功</h4>
  <strong id="daojishi">5</strong>秒后回到主页
  <a href="javascript:go()">跳转</a>
  </div>
  <script type="text/javascript">   
   //获取显示秒数的元素，通过定时器来更改秒数。
    var i;
    var a=5;
	document.write("<br>"+window.screen.width+"<br>");
	document.write("<br>"+window.screen.height+"<br>");
	//通过window的location和history对象来控制网页的跳转。
    function count(){
        if(a==1){
		window.location.href="http://www.imooc.com/";
        clearInterval(i);     
        return;
        }       
        a--;
        document.getElementById("daojishi").innerHTML=a;
    }    
    function go(){
		alert("开始跳转");
        window.open("http://www.baidu.com","_blank");
    }
    i = setInterval(count,1000);     
 </script> 
</body>
</html>