浏览器对象简介bom

上传人:子 文档编号:54434930 上传时间:2018-09-12 格式:PPT 页数:17 大小:756.50KB
返回 下载 相关 举报
浏览器对象简介bom_第1页
第1页 / 共17页
浏览器对象简介bom_第2页
第2页 / 共17页
浏览器对象简介bom_第3页
第3页 / 共17页
浏览器对象简介bom_第4页
第4页 / 共17页
浏览器对象简介bom_第5页
第5页 / 共17页
点击查看更多>>
资源描述

《浏览器对象简介bom》由会员分享,可在线阅读,更多相关《浏览器对象简介bom(17页珍藏版)》请在金锄头文库上搜索。

1、浏览器 对象简介,1,http:/,Window 窗口对象,location 地址对象,document 文档对象,FORM 表单对象,浏览器对象的分层结构,window.document.myform.text1,浏览器对象模型,2,window对象,window对象表示浏览器中打开的窗口 。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的

2、语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。,3,window对象的方法,4,Window 对象的常用属性,5,更多属性参看:http:/ 对象 方法,6,Back ( ) 方法相当于后退按钮 forward ( ) 方法相当于前进按钮 go (1)代表前进1页,等价于forward( )方法; go(-1) 代表后退1页,等价于back( )方法;,Document 对象 3-1,7,属性,Document 对象 3-2,8,Location对象,Location 对象 属性,9,Location对象,Locati

3、on 对象 函数,10,navigator对象,navigator对象主要包含了浏览器用户使用的计算机系统的有关信息,这些信息只能读取不能设置。,11,screen对象,availHeight窗口可以使用的屏幕的高度(以像素计),其中包括操作系统元素(如Windows工具栏)需要的空间。 availWidth窗口可以使用的屏幕的宽度(以像素计)。 colorDepth用户表示颜色的位数。大多数系统采用32位。 height屏幕的高度,以像素计。 width屏幕的宽度,以像素计。,12,框架,在frames集合中,可用数字(由0开始,从左到右,逐行的)或名字对框架进行索引。 也可以用top对象代

4、替window对象引用这些框架(例如top.frames0),13,导航和打开新窗口-1,14,open(”打开窗口的url”,”窗口名”,”窗口特征”)窗口的特征如下,可以任意组合: height: 窗口高度; width: 窗口宽度; top: 窗口距离屏幕上方的象素值; left:窗口距离屏幕左侧的象素值; toolbar: 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable: 是否允许改变窗口大小,yes或1为允许 location: 是否显示地址栏,yes或1为允许 status:是否显示状态栏内的信息,yes或1为允许;,

5、我们需要预先制作好广告页面,假设为adv.htm,打开广告窗口的语句如下 : open(“adv.htm”, “”, “toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150”);,导航和打开新窗口-2,15,function openwindow( ) open(“adv.htm“, “, “toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0,resizable=0, width

6、=650, height=150“);看看和我一起打开的广告窗口,使用 Open 方法 打开广告新窗口,添加页面加载事件,新窗体添加内容,var newWindow = window.open(“,“myNewWindow“,“width=150,height=150“); newWindow.document.open(); newWindow.document.write(“”); newWindow.document.write(“This is a new window”); newWindow.document.close();,16,总结,浏览器对象是一个分层次的结构,window是顶层的根对象 打开窗口使用window对象的open( )方法 location对象的back( )和forward( )方法等同于前进、后退按钮,17,

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 生活休闲 > 科普知识

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号