JavaScript操作BOM对象

原创 2018年04月17日 00:08:23


window对象的常用属性:
history         有关客户访问过的URL的信息

location        有关当前URL的信息

screen          只读属性,包含有关客户端显示屏幕信

window.location="要去到的网站地址";


window对象的常用方法:
prompt()        显示可提示用户输入的对话框

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

confirm()       显示一个带有提示信息"确定"和"取消"按钮的对话框

close()         关闭浏览器窗口

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

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

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


1.confirm()
  confirm()将弹出一个确认对话框
  window.confirm("对话框中显示的纯文本");

2.close()
  close()方法用于关闭浏览器
  window.close();

3.open()
  在网页上弹出一个新的浏览器窗口
  window.open("弹出窗口的url","弹出窗口的名字",窗口特征");

history对象与location对象

history对象的方法
back()      加载history对象列表中的前一个URL
forward()   加载histort对象列表中的后一个URL
go()        加载history对象列表中的某个人具体URL

back()方法会让浏览器加载前一个浏览过的文档,等同于浏览器中的"后退"按钮

forward()方法会让浏览器加载后一个浏览过的文档,等同于浏览器中的"前进"按钮

go(n)方法中的n是一个具体的数字,当>0时,装入历史列表中往前数的第n个页面,当n=0时,
装入当前页面,当n<0时,装入历史列表中往后数的第n个页面。列入
 history.go(1)代表前进一页,相当于浏览器的前进按钮,

 history.go(-1)代表后退一页,相当于浏览器的后退按钮,

location对象
 location对象的属性

host            设置或返回主机名和当前URL的端口号
hostname        设置或返回当前URL的主机名
href            设置或返回完整的URL
 
location对象的方法
reload()               重新加载当前文档
replace()              用新的文档替换当前文档

document对象的常用属性

referrer     返回载入当前文档的url
url          返回当前文档的url

 referrer的语法格式如下
  document.referrer   
 当前文档如果不是通过超链接访问的,则document.referrer的值为null
 url的语法格式如下
 document.url        


document对象的常用方法:

getelemrnybyid          返回对拥有指定id的第一个对象的引用
getelementbyname        返回带有指定名称的对象集合
getelementbytagname     返回带有指定标签名的对象的集合
write                   向文档写文件,html表达式或javascirpt代码


Date对象的常用方法:
getdate()       返回date对象的一个月中的每一天,其职为1~31
getday()        返回date对象的星期中的每一天,其职为0~6
gethours()      返回date对象的小时数,其职为0~23
getminutes()    返回date对象的分钟数,其职为0~59
getseconds()    返回date对象的秒数,其职为0~59
getmonth()      返回date对象的月份,其职为0~11
getfullyear()   返回date对象的年份,其职位四位数
gettime()        返回某一时刻(1970年1月1日)以来的毫秒数

javascript内置对象:

     Date    用于操作时间和日期
      Date对象
     语法:
        var 日期实例=new dare();


Math对象的常用方法:
ceil()      对数进行上舍入
floor()     对数进行下舍入
round()     把数四舍五入为最接近的数
random()    返回0-1中的随机数

reandom()方法返回的随机数包括0,不包含1,且都是小数,如果想选择一个1~100中的整数则代码如下:

                var iNmu=Math.frool(Math.random()*100+1)

定时器函数

 1.setTimeout()
   setTimeout()用于在指定的毫秒后调用函数或者计算器表达式.语法如下
   setTimeout("调用的函数名称","等待的毫秒")
2.setInterval()
  setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式.语法如下
  setInterval("调用的函数名称"周期性调用函数之间间隔的毫秒数)
3.clearTimeout()和clearInterval()

  clearTimeout()函数用来清除setTimeout()函数设置的定时器,语法如下
  clearTimeout(setTimeout()返回ID值);

  clearInterval()函数用来清除Setinterval()函数设置的定时器,语法如下
  clearInterval(setInterval()返回的ID值);

远程注册表访问

        远程注册表访问  注册表访问控件(Registry Access控件)是一个用VC编写的Server Component,它封装了对注册表的所有操作,通常用来扩展VB或其它编程工具的注...
  • coolstar
  • coolstar
  • 2001-11-19 14:38:00
  • 5304

第二章 Javascript操作BOM对象

1、window对象浏览器对象模型是Javascript的组成之一。提供了独立于内容与浏览器进行交互的对象。2、BOM通常实现的功能弹出新的浏览器窗口移动、关闭浏览器以及调整窗口的大小在浏览器窗口中实...
  • liaohuanmei
  • liaohuanmei
  • 2018-04-16 20:46:42
  • 19

【BOM操作】JavaScript中的event对象之总结

Event属性和方法:  1. type:事件的类型,如onlick中的click;  2. srcElement/target:事件源,就是发生事件的元素;  3. button:...
  • itpinpai
  • itpinpai
  • 2015-08-08 12:32:48
  • 1177

javaScript中的对象、BOM、DOM知识点总结

一、  什么是javaScript对象?         对象是javaScript中最重要的API。         javaScript包含多种对象有:内置对象、外部对象(window对象、dom...
  • hhhhhggggddd
  • hhhhhggggddd
  • 2017-04-13 10:04:51
  • 527

实用JS系列——BOM常用对象

最近在着手项目的时候,意识到自己JS的欠缺。虽然看了不少JavaScript的视频,但真正项目中并不是经常遇到大且难的例子。所以JavaScript的基础还需要再打扎实,也就有了这一系列博客。这一系列...
  • u010066934
  • u010066934
  • 2015-01-15 19:34:57
  • 4394

Javascript之BOM与DOM讲解

一.Javascript组成JavaScript的实现包括以下3个部分:ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 (DOM)处理网页内容的方法和接口浏览器对象模型(BOM)...
  • qq877507054
  • qq877507054
  • 2016-05-13 15:36:09
  • 12643

Javascript之BOM对象

个人理解是,我们知道浏览器显示内容的主要对象是DOM。浏览器除了有显示的内容,还有一个重要的部分就是一个载体,它承载我们看到的内容。好比是一个框架。这个载体对象我们把它叫做BOM。所以,DOM 是属于...
  • wangyongxia921
  • wangyongxia921
  • 2014-03-03 20:57:33
  • 6582

第二章JavaScript操作BOM对象

A.使用windows对象可以实现弹出窗口,关闭当前窗口,弹出页面消息框等效果。  /*   实例一*/    window.location=&quot;https://www.baidu.com&...
  • LCL020205
  • LCL020205
  • 2018-04-16 18:43:12
  • 11

【JavaScript】BOM总结

BOM(browser object model)浏览器对象模型的缩写。 ·        BOM提供了独立于内容而与浏览器窗口进行交互的对象 ·        由于BOM主要用于管理窗口与窗口之...
  • u012331102
  • u012331102
  • 2015-08-14 18:04:20
  • 502

Javascript——BOM(操作指南)

/** * 知识点: 1 掌握window对象 * 2 掌握location对象 * 3 掌握history对象 */ // BOM 也叫浏览器...
  • Lixuanshengchao
  • Lixuanshengchao
  • 2016-08-07 20:33:59
  • 1687
收藏助手
不良信息举报
您举报文章:JavaScript操作BOM对象
举报原因:
原因补充:

(最多只允许输入30个字)