窗口中的对象和元素(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

posted @ 2013-04-13 10:16  springstudent  阅读(262)  评论(0编辑  收藏  举报