窗口中的对象和元素(BOM)

1.window(代表整个浏览器窗口)

1) 当前窗口被称之为window，window这个是一个内置的对象

2) 新开窗口

3) 通过本地窗口控制新开窗口

window.status()：现在已经不再使用window.status()修改浏览器的状态栏了，不需要掌握，IE9中反正我用它设置状态栏不起作用

(重要) window.open(): 就是弹新窗口的意思

window.open("index.jsp");//当我们第一次访问该页面是会 弹出index.jsp窗口

<script type="text/javascript">
     window.open("index.jsp","newWindow","toolBar=no,left=200,top=100,menuBar=no,width=100,heigth=50,resizable=no");
           1.index.jsp弹出的新窗口显示的页面
           2.newWindow弹出的新窗口的名字
           3.toolBar=no 弹出的新窗口没有工具栏
           4.left=200  距显示屏左边的距离
           5.top=100   距显示屏上边的距离
           6.menuBar=no  没有菜单栏
           7.width=100 弹出窗口的宽度
           8. height=100
           9.resizable=no 不能改变窗口的大小
   </script>

 <body>
   <script type="text/javascript">
    var a= window.open("index.jsp","newWindow","toolBar=no,left=200,top=200,menuBar=no,width=100,height=100,resizable=no");
   </script>
   <input type="button" value="关闭" onclick="a.close();">//控制弹出的窗口关闭的按钮
  </body>

2.location

1)获取或设置现有文档的URL

        alert(window.location);  //window.location和document.location都是获取地址栏中url地址，效果一样
     // alert(document.location);

<html>
  <head>
  <title>hello</title>
  </head>
 <script type="text/javascript">
  function go(){
     window.location="index.jsp";  //window.location用于指定要
  }
 </script>
  <body>
   <input type="button" value="转向" onclick="go()">//点击按钮会转向window.location所指的页面
  </body>
</html>

3.history

1)先前访问过的URL的历史列表

2)常用方法： back() ,go(number)

<html>
  <head>
    <base href="<%=basePath%>">
    <script type="text/javascript">
     function goback(){
      history.back();
     }
    </script>
  </head>
  
  <body>
    <input type="button" value="还回" onclick="goback()">//点击还回，回到上一个页面，相当于我们点后退按钮
  </body>
</html>

4.document

1)当前的文档对象

document.write():向客户端浏览器输入内容

document formName :可以用这个方法得到表单名单

document referrer