JavaScript操作BOM对象——1

BOM模型图：

window对象时整个BOM的核心，在浏览器打开网页后，首先看到的时浏览器窗口，即顶层的window对象，其次时网页文档内容，即document（文档）。

使用BOM通常可实现以下功能：

Ⅰ、弹出新的浏览器窗口

Ⅱ、移动、关闭浏览器窗口及调整窗口的大小。

Ⅲ、在浏览器窗口实现页面的前进、后退功能。

一、常用的属性

在JavaScript中，属性语法格式：

window.属性名=“属性值”

一、

常用的方法：

在JavaScript中，方法的使用格式：

语法：

window.方法名（）；

window 可以省略。

1、confirm（）

confirm（）将弹出一个对话框

语法：

window.confirm("对话框中显示纯文本")；

例如：

<!DOCTYPE html>
<html>
<head   lang="en">
     <meta  charset ="UTF-8">
      <title>确认对话框</title>
</head>
<body>
     <script   type="test/javascript">
      var  flag=confirm("确认要删除这条信息吗？")；
       if(flag==true){
           alert("删除成功！")
       }else{
           alert("你取消了删除！")；
       }
       </script>
</body>
</html>

在浏览器运行，点击确定会弹出“删除成功”，点击取消，会弹出“你取消了删除”。

2、close（）

close（）方法用于关闭浏览器窗口

语法：

window.close();

3、open（）

在页面上弹出一个新的浏览器窗口

语法：

window.open("弹出窗口的URL"，“窗口名字”，“窗口特征”)

窗口特征：

<!DOCTYPE  html>
<html>
<head   lang="en">
    <meta  charset="UTF-8">
    <title>window 对象操作窗口</title>
    <style  type="text/css">
       body,ul,li,div,p,h1,h2{margin:0;padding: 0;}
       .content{width: 746px;margin: 0 auto;}
    </style>
</head>
<body  onload="open_adv();">
<div class= "content">
    <div  class ="logo">
       <img src="images/dd_logo.jpg"/><span onclick ="close_plan();">关闭</span>
     </div>
     <img src ="images/shopping.jpg"/>
</div>
<script type ="text /javascript">
    //弹出窗口
    function  open_adv(){
    window.open("adv.html");
}
//关闭窗口
   function  close_plan(){
       window.close();
}
</script>
</body>
</html>

JavaScript操作BOM对象——1

猜你喜欢