Javascript操作BOM对象

1.浏览器对象模型(BOM)是javascript的组成之一。它提供了独立于内容域浏览器窗口进行互交的对象,使用浏览器对象模型可以实现HTML的互交,他的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量               

是用BOM通常可以实现如下功能

   弹出新的浏览器窗口

    移动,关闭浏览器窗口,以及调整窗口的大小

    在浏览器窗口实现页面的前进和后退

2.常用属性

名称说明
hisory有关客户访问过的url的信息
location有关当前url的信息
screen只读属性,包含有关客户端显示屏幕的信息

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

window.属性名=“”属性值“”


3.常用的方法

名称说明
prompt()显示可提示用户输入的对话框
alert()显示一个带有提示信息和一个确定的按钮的警示对话框
confirm()显示一个带有提示信息,确定和取消按钮的对话框
close()关闭浏览器窗口
open()打开一个新的浏览器窗口,加载给定url所制定的文档
setTimeout()在制定的毫秒数后调用函数或计算表达式
setinrerval()按照指定的周期(以毫秒计算)来叼哦那个函数或者表达式

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

window.方法名();

window对象是全局对象,所以在使用window对象的属性和方法时,window可以省略。例如,之前直接使用alert(),相当于携程window.alert()

       alert()只有一个参数,仅显示警告对话框的消息,无返回值,不能对脚本产生任何改变

       prompt()有俩个参数,是输入对话框,用来提示用户输入一些信息,单击取消按钮则返回null。单击确定返回用户输入的值,常用于手机用户关于特定问题而反馈的信息

       confirm()只有一个参数没事确认对话框,显示提示对话框的消息,确定和取消,单击确定按钮返回true,取消则是false,因此和if(){}else{}搭配使用

       close()方法用于关闭浏览器窗口,语法如下

           window.close();

                       opne()方法用于在页面上弹出一个新的浏览器窗口,他拿出窗口的语法格式如下

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

4.窗口的特征属性

名称说明
height,width窗口文档显示区的高度,宽度,以及像素计
left,top窗口的x坐标,y坐标,以及像素计
toolbar=yes}no|1|0是否显示浏览器的工具栏,默认是yes
scrollbars=yes}no|1|0是否现实滚动条,默认是yes
location=yes}no|1|0是否现实地址栏,默认是yes
status=yes}no|1|0是否添加状态栏,默认是yes
menubar=yes}no|1|0是否显示菜单栏,默认是yes
resizable=yes}no|1|0窗口是否可以调节尺寸,默认是yes
titlebar=yes}no|1|0是否显示标题栏,默认是yes
fullscreen=yes}no|1|0是否使用全屏模式浏览器,默认是yes

5.history对象

histoy对象所提供用户最近浏览过的url表,但出于隐私方面的原因,history对象不在允许脚本访问已经访问过的实际url,可以使用个history对象提供逐个返回访问过的页面的方法,

history对象的方法
名称    说明
back()加载history对象列表中的前一个url
forwrad()加载history对象列表中的后一个url
go()夹杂history对象列表中的牛哥具体url

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

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

       go(n)方法中的n是一个具体的数字,当>0时,装入历史列表中往前数的第n个页面,当n=0时,装入当前页面,当n<0时,装入历史列表中往后数的第n个页面。列入

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

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


6.location对象

location对象的属性
名称描述
host设置或返回主机名和当前url的端口号
hostname设置或返回当前url的主机名
href设置或返回完整的url
location对象的方法
名称描述
reload()重新加载当前文档
replace()用新的文档替换当前文档
7.document对象
document对象的常用属性
属性描述
referrer返回载入当前文档的url
url返回当前文档的url

    referrer的语法格式如下

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

    url的语法格式如下

            document.url           

     上网浏览某个页面,由于不是由指定的页面进入的,因此系统会 提醒不能浏览本页面或者直接跳转到其他页面去,这样的功能世界上就是通过referrer属性来实现的


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

        getelementbyid()方法一般用于访问div,图片,表单元素,网页标签等,但要求访问对象的id是唯一的


        getelementbytagname()方法于getelementbyid(0方法相似,但它访问的是具有name属性的元素,由于一个文档中name属性可能不唯一,因此getelementbyname()方法一般用于访问一组相同name属性的元素,如具有相同name属性的单选按钮,复选框、


        getlelementbytayname()方法是按标签来访问页面语速的,一般用同样访问一组相同的元素、如一组<input>。一组图片等...

 

8.javascript内置对象

            Date     用于操作时间和日期

                        Date对象

                        语法:

                                var 日期实例=new dare();

                    

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日)以来的毫秒数

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

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

            Math       使我们有能力执行常用的数学任务,它包含若干个苏子常量和函数

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

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

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



9.定时函数

       1. settimeout()

            settimeout()用于在制定的毫秒后调用函数计算表达式,语法如下:

                                settimeout(调用的函数名称,,  等待的毫秒数);

        2.setinterval()

            setinterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式,语法如下:

                                setinterval(调用函数名称,,,周期性调用函数之间间隔的毫秒数);

        3.cleartimeout()和clearinterval

               cleartimeout(0函数用来清除由settimeout(0函数设置的定时器,语法格式如下:

                                   cleartomeout(settimeout()返回的id值)

                clearinterval()函数用来清除由setintercal()函数设置的定时器,语法格式如下:

                                     clearinterval(setinterval()返回的id值);

        

加载history对象列表中的后一个urk
document对象的常用方法
  
  
  
  
  
阅读更多
个人分类: java
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

Javascript操作BOM对象

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭