第八章:BOM
/*
* bom:
* 提供了浏览器接口;
* w3c为了把javascript最基本的只是标准化已经将bom的主要方面纳入html5规范*/
console.log(window);
!(function (window) {
/*自执行函数初始化变量不会给window添加属性
* 因为这是局部变量是私有的
* 虽然这里面的this指向window*/
var age = 19; function fn() {
console.log(this.age); } console.log(age, this.age, window.age);//19,undefined;undefined
fn() })(window) console.log(top, parent);//这两个对象再ongoing框架时有特殊的含义没有框架时就是window !(function () {
/*窗口位置*///获取的数值为number
// 相对于屏幕左上位置
/*screenLeft screenX
* screenTop screenY * */ window.onclick = function (event) {
console.log(event.screenX)
/*下面是兼容写法*/
var leftPos = typeof event.screenX === 'number' ? event.screenX : event.screenLeft;
var topPos = typeof event.screenY === 'number' ? event.screenY : event.screentop; }
console.log(window.screenLeft || window.scrollX);
/*浏览器相对于庄口左上的距离。*/ /*moveTo()将浏览器窗口移动到么某个位置哦===(这两个方法被很多浏览器禁用了那你还讲个毛)*/
window.moveTo(0, 0);
window.moveBy(0, 0);
})()
!(function () {
/*窗口大小(视口大小)*/
// 兼容性好多
/*
* innerHeight outerHeight ie9+
*
* document
*
*
*
*
* */
console.log(document.documentElement.clientHeight || document.body.clientHeight); //
// console.log(document.body.clientHeight);//谷歌中不可以用(但是其混杂模式可以用)火狐也不可用(混杂模式可以)
/*resizeTo() resizeBy() 调整屏幕宽高 但已经禁用了*/
})()
!(function () {
/*导航与打开窗口*/
// window.open('url', '框架名(此参数不是必须)'); window.onclick = function () {
var win = window.open('http://www.baidu.com', 'sss', 'height=400,width=400,left=500,top=400');
win.resizeTo(1000, 100);//改变窗口大小
win.moveTo(1000, 100);//改变窗口位置
setTimeout(function () {
win.close();//关闭弹出的框架 主页面框架是不可用代码关闭的
}, 3000)
// window.close()
} })() !(function () {
// 间歇调用与超时调用
// setInterval()
// setTimeout()
// clearInterval()
// clearTimeout()
})()
!(function () {
/*系统对话框
* 这些对话框是同步与模态的 弹出时代码会停止执行 关闭时代码恢复执行
* alert()
* confirm() 返回值为布尔值
* prompt()
* */
/*var result = confirm('chichihci');
console.log(result);*/
var aa=prompt('3123'); //点击取消返回值为null 点击确定返回值为输入值
console.log(aa); /*谷歌浏览器特有*/
// window.print('print');
window.find('find')
})()
/*location 是BOM最有用的对象之一
* 它提供了与当前文档相关得到信息
* 还提供了一些导航功能
* ( 它既是window的属性又是document的属性)
* *
*
* */
console.log(window.location);
console.log(document.location);
console.log("hash值" + location.hash);//会生成历史记录
console.log("服务器名称与端口号" + location.host);
console.log("不带端口号的服务器名称" + location.hostname);
console.log("完整url" + location.href);//location.toString() 也返回这个值
console.log("url目录与文件名" + location.pathname);
console.log("端口" + location.port);
console.log("页面使用的协议" + location.protocol);
console.log("url查询的字符串" + location.search); /*将location.search转化为对象*/
function getdata() {
var qs = location.search.length > 0 ? location.search.substring(1) : '';
args = {};
var items = qs.length ? qs.split('&') : [];
items.map(function (k, v, ele) {
console.log(k);
var a = k.split('=');
// console.log(a);
args[a[0]] = a[1]
});
console.log(args) }
getdata() /*位置操作*/
// location.assign('http://www.baidu.com');
/*location.href='url' 与 window.location=' url' 也会以URL调用location.href的属性
*
* */
// location.replace('http://www.baidu.com');//这种跳转是没有返回的
setTimeout(function () {
location.reload();//页面刷新 (有可能从缓存中获取)
// location.reload(true); 页面刷新 从服务器获取
},3000)
/*navigation
* 识别客户端浏览器的事实标准
*
*
* */
console.log(navigator)
console.log(navigator.userAgent);//可以用来检测设备类型
console.log(navigator.plugins);//可以用来检测有哪些插件
/*
*screen 基本上是来表明客户端的能力包括(不同浏览器支持的属性不一致)
* 显示器信息
* 像素宽高
*
* */
console.log(screen)
/*history
用来保存用户的上网历史记录
history.go()
*
* */
console.log(history.length);//存在历史记录的数量
document.querySelector('.go1').onclick = function () {
// history.go(1);//前进
history.forward();//前进 document.querySelector('.go2').onclick = function () {
// history.go(-1)//后退
history.back();//后退
}
}
第八章:BOM的更多相关文章
- js高级程序设计第八章BOM(未完成,待续)
8.1window对象 BOM的核心对象是window,表示浏览器的一个实例. window对象有双重角色,既可以通过就是访问浏览器窗口的接口,又是ECMAscript规定的Global对象 8. ...
- 第八章—BOM(一)
ECMAscript是JS的核心,而要在web上使用JS,那么BOM无疑是真正的核心.BOM叫浏览器对象模型,它提供了许多对象,用于访问浏览器的功能. BOM的核心对象是window,它表示浏览器的一 ...
- 读书笔记 - js高级程序设计 - 第八章 BOM
BOM的核心对象是window 它表示浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过js访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,这意味着在网 ...
- JavaScript高级程序设计学习笔记第八章--BOM
1.间歇调用和超时调用: 超时调用:需要使用 window 对象的 setTimeout()方法,它接受两个参数:要执行的代码和以毫秒表示的时间(即在执行代码前需要等待多少毫秒).其中,第一个参数可以 ...
- 第8章BOM笔记
第八章 BOM 一. Window 在浏览器中window有双重角色,他既是JavaScript访问浏览器窗口的一个借口,又是ECMAscript 规定的Global对象. 1.全局作用域 由于win ...
- 《JavaScript高级程序设计》笔记整理
欢迎各位指导与讨论 : ) -------------------------待续------------------------------- 本文为笔者在学习时整理的笔记,如有错漏,恳请各位指出, ...
- js-JavaScript高级程序设计学习笔记6
第八章 BOM 1.BOM的核心对象是window,他表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JS访问浏览器窗口的一个接口,又是ES规定的Global对象. 2.定义全 ...
- JavaScript高级程序设计 读书笔记
第一章 JavaScript 简介 第二章 Html中使用JavaScript 第三章 基本概念 第四章 变量,作用域,内存 第五章 引用类型 第六章 面向对象 第七章 函数表达式 第八章 BOM 第 ...
- 《JavaScript高级程序设计》 阅读计划
第一周 第1章 JavaScript简介 1 第2章 在Html中使用JavaScript 1 第3章 基本概念 3 第二周 第4章 变量.作用域和内存 ...
- javaScript高程第三版读书笔记
看完<dom编程艺术>现在准备读进阶版的js高程了,由于篇幅较长,所以利用刚看完<dom编程艺术>学到的知识写了段JavaScript代码,来折叠各章的内容.并且应用到了< ...
随机推荐
- 在Oracle 12C中使用scott账号
在Oracle11g中默认是有scott账号的,但在Oracle 12C中则不能直接使用. 我的机器环境: 操作系统:Windows Server 2008 R2 64位 Oracle版本:Oracl ...
- Python 网络爬虫 007 (编程) 通过网站地图爬取目标站点的所有网页
通过网站地图爬取目标站点的所有网页 使用的系统:Windows 10 64位 Python 语言版本:Python 2.7.10 V 使用的编程 Python 的集成开发环境:PyCharm 2016 ...
- WOJ 7 智商
感觉Dasin去年的毒瘤题质量都挺好的,果然还是我太菜了. 以下假设划横线部分都相等,字符$c$代表一个小写字母. 分类讨论: $#1$ 先考虑$n == m$的情况 : $#1.1 :$ A: ...
- 数据结构 station
问题描述 一天,小 L 突然对列车的进出站问题产生了兴趣,如下图所示:列车只能从 A 进站,或从 B 出站.列车从 A 进站,进站顺序为 1, 2, 3, 4, 5列车从 B 出站,出站顺序为 5, ...
- 《Head First Servlets & JSP》-12-Web应用安全
serlvet安全的4大要素 认证.授权.机密性和数据完整性. 容器完成认证和授权的过程 代码中不要有安全信息 大多数Web应用,大多数情况下Web应用的安全约束都应该以声明方式处理,即在部署描述文档 ...
- What I have lived for
What I have lived for- Bertrand Russell Three passions, simple but overwhelmingly strong, have gov ...
- html知识点归纳
html部分 html头部声明 DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本.DOCTYPE声明必须放在每一个XHTML文档最顶部,在所 ...
- C#根据弹窗标题获取窗体句柄并模拟点击按钮(FindWindow,FindWindowEx,SendMessage)
任务:将下面弹窗自动关闭 /// <summary> /// 找到窗口 /// </summary> /// <param name="lpClassName& ...
- socket socket讲解
socket socket讲解 一.socket是何物? 参考百度百科: http://baike.baidu.com/link?url=4YNURsJLEaL0II79C68gPUoYKliXWJ ...
- iOS开发提问题
1.打造最受企业欢迎的iOS开发者: 一直都存在的问题,什么样的员工最受企业欢迎? 一直也有人在努力提升自己,成为受企业欢迎的员工 然而,我们应该往方向去提升自己呢? 88家知名企业今年来iOS面试题 ...