JavaScript学习笔记：（window对象）

番外

confirm():弹出信息对话框。返回值boolean类型；
prompt():弹出信息对话框。返回输入的信息

正文

（1）计时器：setInterval();
语法：setInterval(代码，交互时间)；
参数：
代码：要调用的函数或要执行的代码串；
交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计;
返回值：
一个可以传递给clearInterval() 从而取消对‘代码’的周期性执行的值；

function rect(){
var date =new Date();
var time = date.toLocaleString();
document.getElement('input的id').value = time\\赋值操作
}
setInterval(rect,100);\\100毫秒

(2) clearInterval()取消计时器；
语法：
clearInterval(id);
参数：
id :由setInterval()返回的ID值；

function rect(){
var date =new Date();
var time = date.toLocaleString();
document.getElement('input的id').value = time\\赋值操作
}
var aa = setInterval(rect,100);\\100毫秒

html

<input type='button' value='stop' onclick='clearInterval(aa)'/>

(3)计时器：setTimeout()；这个函数在延迟时间过后，只执行一次表达式；
语法：
setTimeout(代码，延迟时间)
参数：
代码：要调用的函数或要执行的代码串；
延迟时间：在执行代码前需要等待的时间，以毫秒为单位。这个和setInterval()不同。setInterval(）的时间是周期性执行，或调用表达式之间的时间间隔。

function acct(){
var t=setTimeout("alert('hahah')",300);\\300毫秒 
}
HTML:
<input type='button' value='确定' onclick='acct()' >

如果想要setInterval()那种效果

function numCount(){
 document.getElementById('txt').value=num;
 num=num+1;
 setTimeout("numCount()",1000);
 }
 HTML：
 <input type="button" value="Start" onClick="numCount()" />

（4）取消计时器：clearTimeout();

该方法的应用与clearInterval()的应用相仿；
语法：
clearTimeout(id);
参数：
id:标示着要取消的延迟执行代码块；

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  function stopCount(){
  clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start"  onclick='startCount()' />
    <input type="button" value="Stop"  onclick='stopCount()' />
  </form>
</body>
</html>

（5）history对象
记录了用户曾经浏览过的页面，可以实现浏览器前进与后退相似导航的功能；
1.属性：length
返回浏览器历史列表中的url数量；

var hl = window.history.length;
document.write(h1);\\

2.返回前一个浏览的页面：back();
语法：window.history.back();

function goBack(){
window.history.back();
\\window.history.go(-1);与back（）相同
}
HTML:
  <input type="button"  value="返回前一个页面" onclick="GoBack();" />

3.返回下一个浏览的页面：forward()
语法：
window.history.forward();

function goBack(){
window.history.forward();
\\window.history.go(1);与forward（）相同
}
HTML:
  <input type="button"  value="返回下一个页面" onclick="GoBack();" />

4.返回浏览历史中的其他页面 go()方法；
根据当前所属的页面，加载history列表中的某个具体的页面；
语法：
window.history.go(number);
参数：
number：
1 前一个，go(1)相当于forward()
0 当前页面
-1 后一个，go(-1)相当于 back();

(6)Location对象
location用于获取或设置窗体的URL，并且可以用于解析URL。
(7)Navigator对象
Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
(8)userAgent:
返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
语法

navigator.userAgent

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
  function validB(){ 
    var u_agent = navigator.userAgent      ; 
    var B_name="不是想用的主流浏览器!"; 
    if(u_agent.indexOf("Firefox")>-1){ 
        B_name="Firefox"; 
    }else if(u_agent.indexOf("Chrome")>-1){ 
        B_name="Chrome"; 
    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 
        B_name="IE(8-10)";  
    }
        document.write("浏览器:"+B_name+"<br>");
        document.write("u_agent:"+u_agent+"<br>"); 
  } 
</script>
</head>
<body>
  <form>
     <input type="button" value="查看浏览器" onclick='validB()'  >
  </form>
</body>
</html>

(9)screen对象
screen对象用于获取用户的屏幕信息。

语法：
window.screen.属性

这里写图片描述

JavaScript学习笔记：（window对象）

番外

正文

猜你喜欢