JS_高程8.BOM window对象(1)
1.全局作用域
var age = 14;
window.coloer = "pink"; console.log(delete window.age);//false 使用var语句添加的window属性的[[Configurable]]的特性的值为false,因此不能通过delete操作符删除。
console.log(delete window.color);//true console.log(window.age);//
console.log(window.color);//undefined
2.关于尝试访问未声明变量
var newValue = oldValue;//报错:oldValue is not defined var newValue = window.oldValue;//不会报错,是一次属性查询
console.log(newValue);//undefined
3.窗口位置
var leftPos = (typeof window.screenLeft == "number" ) ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number" ) ? window.screenTop : window.screenY; console.log(leftPos,topPos);/*这里浏览器窗口位置改变,坐标也会相应的改变,在Chrome浏览器中,全屏世的坐标是(0,0)*/
4.移动窗口的位置,以下代码是在IE浏览器中测试,Chrome浏览器没有效果。
window.moveTo(0,0);/*每刷新一次,移动到(0,0),即屏幕左上角*/
window.moveBy(0,100);/*每刷新一次,向下移动100px*/
window.moveTo(200,300);/*每刷新一次,移动到(200,300)*/
window.moveBy(-50,0);/*每刷新一次,向左移动50个像素*/
5.窗口大小
ar pageWidth = window.innerWidth,
pageHeight = window.innerHeight; if(typeof pageWidth != "number"){
if(document.compatMode == "CSS1Compat"){
pageWidth = document.documentElement.clienWidth;
pageHeight = document.documentElement.clienHeight;
}else{
pageWidth = document.body.clienWidth;
pageHeight = document.body.clienHeight;
} }
console.log(pageWidth,pageHeight);
注意:将浏览器最大化,高度为984px(?除去上面标签栏的高度)
6.调整浏览器窗口,在IE浏览器中测试
window.resizeTo(100,100);
window.resizeBy(100,50);/*每刷新一次,宽度增加100px(向右),高度增加50px(向下)*/
JS_高程8.BOM window对象(1)的更多相关文章
- BOM window对象方法
window对象方法 alert():弹出一个警告对话框. prompt():弹出一个输入对话框. confirm():弹出一个确认对话框.如果单击“确定按钮”返回true,如果单击“取消 ...
- 浏览器对象模型“BOM”-- window对象
global对象 全局对象 所有的全局变量和全局方法,都可以归在window上 <!DOCTYPE html> <html lang="en"> <h ...
- JS BOM DOM对象 select联动 计时器 时间 css操作 节点(标签 ) 查找标签 {前端基础之BOM和DOM}
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我 ...
- BOM主要对象属性方法总结
BOM window对象 浏览器实例,全局对象 1.窗口位置: screenTop,screenLeft(screenX,screenY):窗口相对于屏幕左边和上边的位置 moveTo(x,y):将窗 ...
- BOM之window对象
双重角色 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过Javascript访问浏览器窗口的一个接口,又是ECMAScript规定的Glob ...
- JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param ...
- Javascript高级编程学习笔记(27)—— BOM(1)window对象1
ECMAScript是JS的核心 但是对于在浏览器中运行的JS,BOM显然才是真正的核心 我们知道JS是由三个部分组成的 BOM.DOM.ECMAScript 之前的文章我们主要介绍的是ECMAScr ...
- JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;
JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法 什么是bom BOM(browser object ...
- JavaScript浏览器对象模型(BOM)之window对象
一.BOM概述 BOM(Browser Object Model)浏览器对象模型,它提供了很多对象,用于访问浏览器的功能. BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象 ...
随机推荐
- Select文字居右显示
使用text-align: right;不起作用,应当使用direction: rtl;
- Beamer 跳到另外一页
\documentclass[english]{beamer}\usepackage{babel} \begin{document} \begin{frame}\frametitle{the refe ...
- [Tex学习笔记]小于等于一个常数乘以...
偏微分的论文中常用: 小于等于一个常数乘以... 这个要怎么输入呢. 只要输入\lesssim 就能得到 $\lesssim$...哈哈. 以前知道, 但是忘记了. 现在又要用.
- 给一个Unix域套接字bind一个路径名
#include <stdio.h> #include <stdlib.h> #include <unistd.h> #include <strings.h& ...
- 2.6 if嵌套
if嵌套 通过学习if的基本用法,已经知道了 当需要满足条件去做事情的这种情况需要使用if 当满足条件时做事情A,不满足条件做事情B的这种情况使用if-else 想一想: 坐火车或者地铁的实际情况是: ...
- git中利用rebase来压缩多次提交 ----- 原文:https://blog.csdn.net/itfootball/article/details/44154121
之前我们用git merge –squash来将分支中多次提交合并到master后,只保留一次提交历史.但是有些提交到github远程仓库中的commit信息如何合并呢? 使用下面的命令,最后一个数字 ...
- 330 div+css Experience
今天学习的div,感觉对编辑html更为方便快捷,但还是需要多练,多熟悉一下思路和逻辑方式 越来越感觉,代码不是重要的,重要的是方向和思路,am的float clearfloat 及属性,还有over ...
- (三)Java工程化--Git起步
GIT学习参考:https://git-scm.com/book/zh/v2 版本控制 版本控制记录了一个或若干文件的历史变化,便于今后查阅,恢复. 三类版本控制系统 本地版本控制系统 RCS : 本 ...
- 逆元知识普及(进阶篇) ——from Judge
关于一些逆元知识的拓展 刚艹完一道 提高- 的黄题(曹冲养猪) ,于是又来混一波讲解了 ——承接上文扫盲篇 四.Lucas定理(求大组合数取模) 题外话 这里Lucas定理的证明需要用到很多关 ...
- Set集合判断对象重复的方法
Set<User> userSet = new HashSet<>(); User user1= new User("aa","11") ...