夺命雷公狗---javascript NO:18 BOM模型

1、什么是BOM模型

答：当我们打开某一web应用程序，系统会自动生成相关BOM模型，在该模型的最顶级对象是window，其他对象都是该对象的子对象。

2、BOM中常用的属性和方法

1）Window对象

alert(message)：弹出窗口
confirm(message) ：确认窗口
prompt(message[，defstr]) ：提示用户输入信息
close() ：关闭窗口
blur() ：失去焦点
focus() ：获得焦点
print() ：打印窗口
moveBy(x，y)：相对移动
moveTo(x，y)：绝对移动
resizeBy(x，y)：相对大小
resizeTo(x，y) ：绝对大小
scrollBy(x，y)：相对滚动
scrollTo(x，y)：绝对滚动
open(url[，name[，features]])：打开新窗口

open方法中常用的参数

menubar ：菜单栏
toolbar：工具栏
scrollbars：滚动条
fullscreen：全屏
directories：链接工具
location：完整的网址
status：状态栏
resizable：是否可以调整大小，布尔类型true或false
width、height 、left、top

示例代码：

例1：打印与返回顶部

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
<script src=’public.js’></script>
<script>
window.onload = function(){
$(‘btnok’).onload = function(){
window.pint
}
$(‘top’).onclick = function(){
window.scrollTo(0,0);
}
}
</script>
</head>
<body>
<div id=”top” style=”width:100px; height:200px; background:url(./gotop.gif); position:fixed;top:500px;right:10px; buttom:10px;”></div>
<div style=”width:50px; height:900px; background:red;”>1</div>
<div style=”width:80px; height:500px; background:blue;”></div>
<input type=”button” id=”btnok” value=”Print”>
</body>
</html>

使用open方法打开新窗口

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset=’utf-8′>
<title></title>
<script src=’public.js’></script>
<script>
window.onload = function(){
$(‘btnWindow’).onclick = function(){
//打开新窗口
window.open(‘http://www.baidu.com’,’_blank’,’width=500,height=400,status=yes’);
}
}
</script>
</head>
<body>
<input type=”button” id=”btnWindow” value=’打开新窗口’>
</body>
</html>

转载于:https://www.cnblogs.com/leigood/p/5031911.html

夺命雷公狗---javascript NO:18 BOM模型相关推荐

夺命雷公狗---javascript NO:03 流程结构
顺序结构在JavaScript代码中,代码是从上至下,从左至右执行的. 分支结构 if-else if-else switch 这里的分支结构和php里面的几乎一样循环结构 for循环 while ...
夺命雷公狗---javascript NO:19 Navigator浏览器对象
Navigator浏览器对象 appCodeName:浏览器内核名称 appName :浏览器名称 appVersion :浏览器版本号 platform :操作系统信息 online:是否脱机工作 ...
夺命雷公狗---javascript NO:20 面向对象历史起源
1.软件编程发展史面向机器面向过程面向对象案例:传智ERP系统咨询()à报名()à缴费()à分班()à学习()à就业() 面向过程:把一个系统分解为若干个步骤,每个步骤就是一个函数 func ...
夺命雷公狗---javascript NO:27 通过json调用12306查询车次信息
出发地:广州目的地:北京查询收费接口:数据聚合 http://www.juhe.cn/ 注册账号,申请12306接口进入控制应用里面里面有一个应用名称: 12306API 调用数据: ...
夺命雷公狗---javascript NO:08 常用的事件
常用的事件 onLoad :当页面载入完毕时触发,常用于body元素 lonUnload :当页面卸载时(关闭时)触发,常用于body元素 lonBlur :失去焦点时触发 lonFocus :获 ...
夺命雷公狗---linux NO:18 linux文本编辑器vi的使用
因为目前在市面上大部份的linux发行版本中他们都自带了 vi 编辑器,所以我们必须要知道是如何使用的... 当然其他的编辑器还是有很多的,但是有某些大牛曾经说过 vi 是世界上最快的编辑器.. ...
夺命雷公狗TP3.2.3商城2-----后台模版引入和后台控制器的创建
首先我们来到D:\phpStudy\WWW\shop\WEB 目录下,将Home目录进行复制一份,并且改名为Admin,如下所示: 然后将我们准备好的后台首页模版放入 D:\phpStudy\W ...
夺命雷公狗ThinkPHP项目之----商城10商品属性管理
我们一般做项目前就要分析业务逻辑先,这次也不例外. attr_type:是指属性的类型,有唯一,单选和多选之分唯一属性,是指用户在购买商品时,可以看到的扩展属性如下图所示: 单选属性,是指用户在购买 ...
夺命雷公狗—玩转SEO---56---query需求分析与搜索意图研究
做排名4大核心因素: 域名页面质量链接用户行为我们需要了解什么是query: 我们直接百度一个词,然后F12键盘,进入审查的界面然后进入network,然后找一个jQuery的反馈,如下所示: ...

夺命雷公狗---javascript NO:18 BOM模型

1、什么是BOM模型

2、BOM中常用的属性和方法

1）Window对象

夺命雷公狗---javascript NO:18 BOM模型相关推荐

最新文章

热门文章