zoukankan      html  css  js  c++  java
  • JavaScript操作BOM对象

    1)windows对象

            浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览

    器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,

    提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力。BOM是一个分层结构

    1-1)使用BOM通常可实现如下功能:

            1.弹出新的浏览器窗口

            2.移动、关闭浏览器窗口及调整窗口大小

            3.在浏览器窗口中实现页面的前进、后退功能

     

    1-2)windows对象的常用属性

    1.history   有关客户访问过的URL的信息

    2.location  有关当前URL的信息

    3.screen    只读属性,包含有关客户端显示屏的信息

    在Javascript中,属性的语法格式如下:

    window.属性名=“属性值”

    例:

    window.location="http://www.bdqn.cn",表示页面跳转

    screen.heigth 返回显示浏览器的屏幕的高度,单位为像素

    1-3)windows对象的常用方法

    1. prompt()  显示可提示用户输入的对话框

    2. alert()  显示一个带有提示信息和一个“确定”按钮的警示对话框

    3. confirm()  显示一个带有提示信息、“确定”和“取消”按钮的对话框

    4. close()  关闭浏览器窗口

    5. open() 打开一个新的浏览器窗口,加载给定URL所指定的文档

    6.setTimeout()   在指定的毫秒数后调用函数或计算表达式

    7. setInterval()  按照指定的周期(以毫秒计)来调用函数或表达式

    语法:

    window.方法名();

    window对象是全局对象,所以在使用window对象的属性和方法时,window可以省略

    例如:之前直接使用的alert(),相当于写成window.alert();

    1-4)方法的使用

    1.confirm() 将弹出一个确认对话框 

    语法:

    window.confirm("确认要删除此条信息吗");

    在confirm()对话框中,有确认和取消按钮。当用户单机确认是,则返回 true 反之 false

    代码实例:

    var flag=confirm("确认删除此条信息吗");

    if(flag)
    {
    alert("删除成功");
    }else
    {
    alert("你取消了删除");

    }

            2.close()

                    close()方法用于关闭浏览器窗口,语法:window.close();

            3.open();

                    在页面上弹出一个新的浏览器窗口,弹出窗口的语法格式如下:

                    window.open(“弹出窗口的url”, “窗口名称”,“窗口特征”);

                    窗口的特征属性:

    1-5)prompt()、alert()、confirm()不同之处

      alert()  只有一个参数,仅显示警告对话框的消息,无返回值,不能对脚本产生任何影响
     
       prompt()  有两个参数,是输入对话框,用来提示用户输入一些信息,单击取消按钮则返回null
        ,单击 确定 按钮则返回用户输入的值,常用于收集用户关于特定问题而反馈信息
      
       confirm()  只有一个参数,是确认对话框,显示提示对话框的信息。 确认 按钮和取消按钮
        单击确定返回true  单击取消返回 false,因此与if--else语句搭配使用

    2)history对象 和 location对象

        history对象常用方法:

        back()  加载history对象列表中的前一个URL

        forward() 加载history 对象列表中的下一个URL

        go() 加载history 对象列表中的某个具体URL

        history.back()=== history.go(-1) 浏览器中的  后退

        history.forward() ===history.go  ( 1 )       浏览器中的  前进 

        location 对象常用方法及属性:

        host :  设置或返回主机名和当前URL的端口号

        hostname :    设置或返回当前URL的主机名

        href:  设置或返回完整的URL

        reload()   重新加载当前文档

        reolace()   用新的文档替换当前文档

    4)JavaScript 内置对象

            1.Array  : 用于在单独的变量名中存储一系列的值

            2.String : 用于支持对字符串的处理

            3.Math :用于执行常用的数学任务,它包含了若干个数字常量和函数

            4.Date :用于操作日期和时间

            1)Date对象获取日期:

            语法:var  日期对象 = new  Date(参数);参数格式:MM  DD,YYYY ,hh:mm:ss

  • 相关阅读:
    Algorithm Gossip (48) 上三角、下三角、对称矩阵
    .Algorithm Gossip (47) 多维矩阵转一维矩阵
    Algorithm Gossip (46) 稀疏矩阵存储
    Algorithm Gossip (45) 费氏搜寻法
    Algorithm Gossip (44) 插补搜寻法
    Algorithm Gossip (43) 二分搜寻法
    Algorithm Gossip (42) 循序搜寻法(使用卫兵)
    Algorithm Gossip (41) 基数排序法
    Algorithm Gossip (40) 合并排序法
    AlgorithmGossip (39) 快速排序法 ( 三 )
  • 原文地址:https://www.cnblogs.com/wangdayexinyue/p/10968361.html
Copyright © 2011-2022 走看看