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()   用新的文档替换当前文档

  • 相关阅读:
    基础总结深入:数据类型的分类和判断(数据、内存、变量) 对象 函数 回调函数 IIFE 函数中的this 分号
    BOM 定时器 通过修改元素的类来改变css JSON
    事件 事件的冒泡 事件的委派 事件的绑定 事件的传播
    DOM修改 使用DOM操作CSS
    包装类 Date Math 字符串的相关的方法 正则表达式 DOM DOM查询
    数组 call()、apply()、bind()的使用 this arguments
    autocad 二次开发 最小包围圆算法
    win10 objectarx向导在 vs2015中不起作用的解决办法
    AutoCad 二次开发 jig操作之标注跟随线移动
    AutoCad 二次开发 文字镜像
  • 原文地址:https://www.cnblogs.com/qinzhenyu/p/10971575.html
Copyright © 2011-2022 走看看