JavaScript之BOM五大对象(window;location;navigator;screen;history)

一、window

  1.浏览器窗口与页面各部分尺寸
  2.间歇调用与超时调用
    setInterval(function,time(以毫秒计)) 返回:时间Id号(为clearInterval(timeId)方法提供标识记号)
    clearInterval(timeId); //取消间歇调用
    setTimeout(function,time(以毫秒计)) 返回:时间Id号(为clearTimeout(timeId)方法提供标识记号)
    clearTimeout(timeId); //取消超时调用

  3.导航与打开窗口
    window.open(args)://导航到一个特定的URL,也可以打开新的浏览器窗口
    第一个参数:要加载的URL
    第二个参数:窗口目标
    第三个参数:一个特性字符串[height,width,left,menubar,resizable,scrollbars,status,toolbar,top]
    第四个参数:新页面是否取代浏览器历史记录中当前加载页面的布尔值

    //<a href="www.baidu.com" target="topFrame">
    //www.baidu.com:<p id="topFrame">text content</p>
    Eg:window.open("www.baidu.com","topFrame","height=400,width=400,top=10,left=10,resizable=yes");
    window.opener:
    1.保存着打开它的原始窗口对象。这个属性只在弹出窗口的最外层window对象(top)中有定义,而且指向调用window.open()的窗口或框架。
      window.opener == window[true]
    2.将opener属性设置为null,就是告诉浏览器新创建的标签页不需要与打开它的标签页通信,因此:可以在独立的进行中运行。标签页一旦切断,将无法恢复

      window.close():关闭当前页面【理论上:仅仅限制于:用open方法打开的窗口】
      window.closed:返回一个布尔值:是否关闭

  

时间: 2024-10-06 21:47:54

JavaScript之BOM五大对象(window;location;navigator;screen;history)的相关文章

《JAVASCRIPT高级程序设计》window/location/navigator/screen/history对象

如果要在web中使用JAVASCRIPT,那么BOM(浏览器对象模型)毫无疑问是最重要的部分.BOM提供了很多对象,例如,window.location.navigator.screen.history对象,下面我们来一一介绍这些对象的相关功能.先从window对象开始,它表示浏览器的一个实例. window对象: 一.全局作用域 window对象在ECMAScript扮演者global对象的角色,因此在全局作用域中声明的变量和函数都会成为window对象的属性和方法:但是通过这两种方式定义的属

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

window.location.reload(false);window.location.reload(true);history.Go(0)区别

在日常工作中常用的页面刷新方式的区别: 1 window.location.reload(false);  先说说window.location.reload(false);当我们window.location.reload();默认也是false;  它先会根据浏览器的http请求的头部 If-Modified-Since的值来判断在请求文件时文件是否发生变化,如果没有就从缓存中找到更新到页面. 如果有form,会重新提交form表单 2 window.location.reload(true

javaScript使用post方式代替window.location.href

window.location.href可以简单粗暴的实现文件下载,Excel导出等...但是该方式传参数有着太多不安全因素,例如:将一些重要信息暴露给地址栏亦或者是由于参数过长导致无法访问等等. 以下是使用post代替window.location.href的实现,大体思路是将参数封装成一个隐藏的Form,然后form.submit()的方式来提交 /** * @author lwh * @param {} url * @param {} params */ function mypost(u

&lt;JavaScript&gt; 九. BOM其它对象(screen对象, navigator对象, location地址栏对象, history历史记录对象)

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 7 /* 8 screen 屏幕对象 9 ------------------- 属性 --------------------- 10 width: 屏幕宽度 11 height: 屏幕高度 12 availWidht: 有效宽度, 不

JavaScript 计时器,History 对象(window),Location对象(window),Navigator对象

1,计时器setInterval()  在执行时,从载入页面后每隔指定的时间执行代码. setInterval(代码,交互时间); 2,计时器setTimeout(),在载入后延迟指定时间后,去执行一次表达式,仅执行一次. 递归,就是在运行的过程中调用自己.setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次. setTimeout(代码,延迟时间); function startCount() { document.getElementById('count')

JavaScript之DOM-6 BOM概述 、Window对象(Window对象概述、窗口与对话框、定时器)

一.BOM 概述 BOM 概述 - DHTML 对象模型回顾 BOM 概述 - BOM: Browser Object Model,浏览器对象模型,用来访问和操纵浏览器窗口,使 JavaScript 有能力与浏览器"对话" - 通过使用 BOM,可移动窗口.更改状态栏文本.执行其他不与页面内容发生直接联系的操作 - 没有相关标准,但被广泛支持 BOM 模型 - BOM 模型主要包括如下对象 二.Window 对象概述 Window 对象概述 - window 对象表示浏览器中打开的窗口

javascript--BOM(browser object model)五大对象

浏览器对象模型: 作用:访问.控制.修改浏览器,与浏览器进行交互(打开新的窗口.回退历史记录.获取url) BOM与的DOM区别:JS通过BOM与浏览器进行交互.BOM的window对象包含了document对象,document对象是DOM的根节点. BOM五大对象: 1.window对象:window对象是全局对象,引用对象属性时可直接写属性,不用加上window window对象属性: innerheight 返回窗口文档显示区的高度 innerwidth 返回窗口文档显示区的宽度 pag

javaScript之BOM

1. window对象: 打开和关闭窗口 window对象的属性2. *****动画: 1. window对象: 2个角色: 1. 代替Global,充当全局对象 2. 封装浏览器窗口的属性,提供操作浏览器窗口的API 打开和关闭窗口: 打开:window.open("url","name") name属性: 内存中唯一标识一个窗口对象的名称 浏览器规定: 同一个name名称的窗口只能打开一个 第二个打开的同名窗口会替换先打开的 内置备选项: _self _blan