JavaScript学习笔记——BOM

javascript浏览器对象模型-windwo对象

BOM Browser Object Model
window对象是BOM中所有对象的核心。

一、属性

1.(位置类型-获得浏览器的位置)
　　IE:
　　window.screenLeft
　　可以获得浏览器距屏幕左上角的左边距
　　window.screenTop
　　可以获得浏览器距屏幕左上角的上边距

//IE//左边距//alert(screenLeft)//上边距//alert(screenTop)

　　FF:
　　alert(screenX)
　　alert(screenY)

//FF//左边距// alert(screenX)//上边距// alert(screenY)

　　(获得浏览器的尺寸)

　　FF:window.innerWidth 获得窗口的宽度
　　window.innerHeight 获得窗口的高度

//获取浏览器的尺寸//FF://alert(window.innerWidth);//alert(window.innerHeight);//IE和FF通用:alert(document.documentElement.clientWidth)alert(document.documentElement.clientHeight)

2.关系类型

　　A.parent返回父窗口
　　B.top 返回顶层窗口

　　C.self===window 相当于window

3.stutas 设置窗口状态栏的文本

    window.status="自定义的状态栏文字"

二、方法

1.窗体控制
　　A.对窗体的移动

　　window.moveBy(x,y) 相对于当前位置沿着X\Y轴移动指定的像素，如负数是反方向
　　moveTo(x,y) 相对于浏览器的左上角沿着X\Y轴移动到指定的像素，如负数是反方向

     //位置moveBy(100,100);//moveTo(200,200)

　　B.窗体尺寸的改变

　　resizeBy(x,y) 相对于当前窗体的大小，调整宽度和高度
　　resizeTo(x,y) 把窗体调整为指定宽度和高度

      //尺寸window.resizeBy(100,100)resizeTo(400,400)

2.对窗体滚动条的控制

　　scrollBy(x,y) 相对于当前滚动条的位置移动的像素(前提有滚动条)
　　scrollTo(x,y) 相对于当前窗口的高度或宽度，移动到指定的像素

     //scrollBy(0,100)//scrollTo(0,200)

3.时间间隔的函数

　　setInterval("函数或者代码串",指定的时间(毫秒)) 按照指定的周期(毫秒)不断的执行函数或是代码串

// setInterval("函数或者代码串",指定的时间(毫秒))  按照指定的周期(毫秒)不断的执行函  数或是代码串//第一种调用方式// setInterval("alert('后盾网')",1000);\
//  var i=0
// setInterval(changes,1000)
// function changes () {//  alert(i)
//  i++
// }//第二种调用方式
//var a=0;
//setInterval(function  () {//  alert(a);
//  a++
//},1000)//第三种调用方式//var i=0;
// setInterval("changes(0)",1000)
// function changes (i) {//  alert(i)
//  i++
// }

　　clearInterval()

//停止调用
 window.onload=function  () {var t=setInterval('alert("后盾网")',5000)var aa=document.getElementById("stop");aa.onclick=function  () {clearInterval(t)}}

  <input type="button" value="停止" id="stop">

　　setTimeout("函数或者代码串",指定的时间(毫秒)) 在指定的毫秒数后只执行一次函数或代码。

　　clearTimeout()

window.οnlοad=function  () {var aa =setTimeout("alert('bbs.houdunwang.com')",5000)var bb=document.getElementById("stop");bb.onclick=function  () {clearTimeout(aa)}}

4.打开新的窗口

　　open(url,name,feafurse,replace) 通过脚本打开新的窗口

    window.οnlοad=function  () {var names=document.getElementById("names");var but=document.getElementById("but");but.onclick=function  () {open("26.1.html","windows","status=0,menubar=0,toolbar=0")}}

转载于:https://www.cnblogs.com/tonglin0325/p/4713925.html

JavaScript学习笔记——BOM_window对象相关推荐

JavaScript学习笔记：对象
JavaScript学习笔记:对象 1.声明对象 (1)字面量对象 <!DOCTYPE html> <html lang="en"> <head> ...
JavaScript学习笔记之对象及继承
JavaScript学习笔记之对象及继承对象属性 ES5中有两种属性,数据属性和访问器属性. 数据属性包括[[writable]](能否修改属性的值).[[value]]等等: 访问器属性包括[[C ...
JavaScript学习笔记-JSON对象
JSON 是一种用来序列化对象.数组.数值.字符串.布尔值和 null 的语法.它基于 JavaScript 语法,但是又有区别:一些 JavaScript 值不是 JSON,而某些 JSON 不是 ...
JavaScript 学习笔记— —Date对象
一.获取时间 function toTwo(n){return n<10 ? '0'+n :''+n;}function getTime(){var objDate=new Date(); // ...
JavaScript学习笔记05【高级——DOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)--Promise对象引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
JavaScript学习笔记03【基础——对象（RegExp、Global）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

JavaScript学习笔记——BOM_window对象

JavaScript学习笔记——BOM_window对象相关推荐

最新文章

热门文章