JavaScript中的浏览器对象

浏览器对象（宿主对象）时JavaScript钟定义而由浏览器提供的对象，浏览器对象的属性和方法可能会因为浏览器的不同而出现差异。常见的浏览器对象为：

window：代表浏览器对象。

document：代码浏览器当前浏览的HTML文档

location：代表当前浏览器的访问地址。

screen：包含客服端浏览器的相关信息。

history：代表用户在浏览器中的浏览历史。

===================================================================

window对象表示浏览器中的窗口，如果文档中包含框架结构（frame/iframe元素），则浏览器会为每个框架页面创建一个window对象。

alert()方法属于window对象的方法，因为在JavaScript中，window是全局对象，不用特殊声明也可以使用，所以window.alert()和alert()是等价的。

window对象有以下方法；

1.setTimeout：在指定的毫秒数后调用函数或计算表达式。

2.clearTimeout：取消由setTimeout()方法设置的定时任务。

3.setInterval：按照指定的周期来调用函数或者计算表达式。

4.clearInterval：取消由setInterval设置的定时任务。

var handler = window.setInterval('move()',  1000);

window.clearInterval(handler);

alert confirm propmt也属于window对象

===================================================================

document对象也属于window对象的一部分，可以通过window.document进行访问，指被载入的html文档，通过该对象可以访问html文档中的所有元素，document对象有三个

常用的方法：

getElementById：返回拥有指定id属性值的对象。如果有多个对象具有相同的id，则返回第一个对象。

getElementByName：返回拥有指定name属性值的对象数组。常用于获取表单中的元素。

getElementByTagname：返回拥有同一元素名的对象数组，元素名不区分大小写。

    <script type="text/javascript">
         function getValue()
          {
              var x=document.getElementById("myHeader")
              alert(x.innerHTML)
          }
          function getElements()
          {
             var x=document.getElementsByName("sex");
              alert(x.length);
          }


          function getTagElements()
          {
              var x = document.getElementsByTagName("input");
              alert(x.innerHTML);
          }
         
     </script>

<td align="center">
                        <input type="radio" name="sex" value="男">
                        男
                        <input type="radio" name="sex" value="女">
                        女

====================================================================================

history对象也属于window对象的一部分，可以通过window.history进行访问，可以使用back()、forward()、go()进行跳转。

back()：相当于浏览器的后退按钮

forward()：相当于浏览器的前进按钮

go()：通过传入的数字后退或前进n次，如传入-2，代表连续后退两个页面。

用这些方法时，如果不存在跳转页面，则不会发生任何操作。

====================================================================================

location对象也属于window对象的一部分，可以通过window.location进行访问。通过location对象可以控制页面的跳转和刷新。

常用方法：

1.assign()：加载新的文档

2.reload()：重新加载当前文档，相当于浏览器的刷新按钮

3.replace：用新的文档替换当前文档，并不会产生新的历史记录，会将原来的网页地址从浏览器历史URL中移除

属性：href:设置或则返回完整当期那的访问地址

window.location.href="http://www.baidu.com?xxxx=yyy"

====================================================================================

screen对象也属于window对象，可以通过window.screen来访问，通过screen对象获取屏幕的分辨率。以修正页面的布局

属性有：

1.availHeight：返回显示器的高度（除windows任务栏以外）

2.availWidth：返回显示器的宽度（除windows任务栏以外）

3.width：返回显示器的宽度

4.height：返回显示器的高度