window对象常用方法

2024 年 12 月 4 日 星期三(已编辑)
9

window对象常用方法

1.常用函数

window.alert("提示信息"); // 弹出提示框
window.confirm("确认信息"); // 弹出确认框
window.open("url","窗口名","窗口属性"); // 打开新窗口
window.close(); // 关闭当前窗口
示例:
<a onclick = "window.open('http://www.baidu.com')">
在新标签页打开
</a>
<a onclick = "window.open('http://www.baidu.com','_self')">
在当前标签页打开
</a>
<a onclick = "window.open('http://www.baidu.com','_blank')">
在新窗口打开
</a>

2.计时方法

setInterval():间隔指定的毫秒数不停的执行指定的代码
clearInterval():停止计时器
setTimeout():在指定的时间后执行指定的代码
clearTimeout():停止计时器

示例1:页面时钟

<span id = "showtime"></span>
<sript>
   var mytimer = function(){
      var d = new Date(); // 获取当前时间
      doucument.getElemenetById("showtime").innerHTML =  
         d.toLocaleTimeString(); // 显示时间
   };
   setInterval(mytimer,1000); // 每隔一秒执行一次mytimer函数
<script>

示例2:进度条

<h1> JavaScript 进度条 </h1>
<div id = "myprogress">
   <div id = "mybar"></div>
</div>
<br>
<botton onclick = "move()">点我</botton>
<style>
   #myprogress{
      width:100%;
      background-color:#ddd;
   }
   #myBar{
      width = 1%;
      height = 30px;
      backgroud-color:#4CAF50;
      text-align:center;
      line-height:30px;
      color:white;
   }
</style>
<script>
   function move(){
      var elem = doucument.getElementById("mybar");
      var width = 1;
      var id = setInterval(frame,10);
      
   }

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...