【JavaScript】BOM

一、前言

       接着前一章的内容，继续Js的学习。

 

二、内容

        window对象

//确定窗口位置
var leftPos = (typeof window.screenLeft  == "number")? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number")? window.screenTop : window.screenY;

//移动窗口位置
window.moveTo(Hornumber1,Vernumber2); 
window.moveBy(Hornumber1,Vernumber2);

//调整窗口大小
innerWidth —— 返回窗口的文档显示区宽度
innerHeight —— 返回窗口的文档显示区高度
outerWidth —— 在innerWidth的基础上加上工具栏与滚动条的宽度
outerHeight —— 在innerHeight的基础上加上工具栏与滚动条的高度
window.resizeTo(newWidth,newHeight);
window.resizeBy(deltaWidth,deltaHeight);

//导航和打开窗口
window.open(URL,name,features,replace);
URL —— 要加载的URL
name —— 窗口目标
features —— 窗口特性
replace —— 是否替换历史记录

var wroxWin = window.open("http://www.wrox.com", "_blank");
wroxWin == null —— 浏览器内置的屏蔽程序阻止
wroxWin 出现 Exception —— 浏览器扩展或其它程序阻止

//超时调用
var timeoutId = setTimeout(function(){
    //do something
},1000); //毫秒
clearTimeout(timeoutId); //只要在指定的时间调用该方法就可以完全取消超时调用

//间歇调用
var intervalId = setInterval(function(){
    //do something
},1000); //毫秒
clearInterval(intervalId);

//系统对话框
alert() —— 指定显示的文本和一个OK按钮
confirm() —— 指定的显示文本，一个OK按钮，一个Cancel按钮。 返回bool值
prompt() —— 文本提示和文本输入域的默认值，一个OK按钮，一个Cancel按钮
            如果输入后选择Ok，则返回输入值；否则返回null

        location对象

//位置操作
location.href = "http://www.wrox.com"; //立即打开新URL并在浏览器的历史记录中生成一条记录

//"http://www.wrox/com/WileyCDA/#section1" 
location.hash = "#section1";

//"http://www.wrox/com/WileyCDA/?q=javascript" 
location.search = "?q=javascript";

//"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";

//"http://www.yahoo.com/mydir/"
location.pathname = "mydir";

//"http://www.yahoo.com:8080/WileyCDA/"
loation.port = 8080;

       navigator对象

navigator.plugins —— 查看浏览器中安装的插件数组
name:插件的名字
description:插件的描述
filename:插件的文件名
length:插件所处理的MIME类型数

      history对象

history.go(-1); //后退一页
history.back(); //后退一页

history,go(1);  //前进一页
history.forward(); //前进一页

history.go("wrox.com"); //跳转到最近的wrox.com页面