JavaScript 浏览器对象概述

window对象即当前浏览器对象

open，打开新浏览器窗口

<script type="text/javascript">

function f()
{
    alert("欢迎来到FJUTACM");
    window.open('http://www.fjutacm.com','_blank','width=600,height=400');
}

</script>
</head>
<body>
<form>
<input type="button" value="点击我，打开新窗口" onclick="f()" />
</form>

JavaScript计数器

计时器类型：
一次性计时器：仅在指定的延迟时间之后触发一次。
间隔性触发计时器：每隔一定的时间间隔就触发一次。
计时器方法：

setInterval()

setInterval(代码,交互时间);

<script type="text/javascript">
  var attime;
  function clock(){
    var time=new Date();          
    attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds() ;;
    document.getElementById("clock").value = attime;
  }
  setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
</form>

取消定时器，clearInterval()

<script type="text/javascript">
   function clock(){
      var time=new Date();                     
      document.getElementById("clock").value = time;
   }
   function  timer(){
       return i=setInterval("clock()",1000);
       
       }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  onclick="clock()" />
    <input type="button" value="Stop"  onclick="clearInterval(i)"/>
     <input type="button" value="Start"  onclick="timer()"/>
  </form>

计时器setTimeout

setTimeout(代码,延迟时间);
1. 要调用的函数或要执行的代码串。
2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

取消计数器cloearTimeout()

clearTimeout(id_of_setTimeout)
id_of_setTimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

计数器和取消计数器的使用范例

<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>

History对象

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。

注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。

语法

window.history.[属性|方法]

对象属性

对象方法

back()

window.history.back();

语法

返回前一个浏览的页面，代码如下：
window.history.back();//等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
window.history.go(-1);

forward()方法

如果倒退之后，再想回到倒退之前浏览的页面，则可以使用forward()方法,代码如下:
window.history.forward();//等价点击前进按钮。
forward()相当于go(1),代码如下:
window.history.go(1);

go()方法

根据当前所处的页面，加载 history 列表中的某个具体的页面。
语法
window.history.go(number);

参数

范例

window.history.go(-2);//返回当前页面之前浏览过的第二个历史页面

location对象

location用于获取或设置窗体的URL，并且可以用于解析URL。

语法

location.[属性|方法]

对象属性图示

对象属性

对象方法

Navigator对象

对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。

对象属性

UserAgent对象

返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

语法
navigator.userAgent

userAgent的使用方法

<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>

screen对象

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

对象属性

获取屏幕高度宽度

<script type="text/javascript">
document.write( "屏幕宽度："+screen.width);
document.write( "屏幕高度："+screen.height);       
</script>