第一百一十一节，JavaScript，BOM浏览器对象模型

//弹出警告
alert('Lee');                                //直接弹出警告

//确定和取消
if (confirm('你确定要下载这个文件吗？')) {                //confirm本身有返回值
    alert('您按了确定！下载文件中');                    //按确定返回true
} else {
    alert('您按了取消！放弃下载文件');                    //按取消返回false
}

var num = prompt('请输入一个数字', 0);        //两个参数，一个提示，一个值
alert(num);                                //返回值可以得到

var num = prompt('请输入一个数字', 0);        //两个参数，一个提示，一个值
if (num != null){
    alert(num);
}

print()//打印页面

find()//页面查找

defaultStatus = '状态栏默认文本';                //浏览器底部状态栏初始默认值
status='状态栏文本';                        //浏览器底部状态栏设置值

open('http://www.baidu.com');                //参数1：要导航的url地址
open('http://www.baidu.com','baidu');        //参数2：给窗口命名一个名称，凡是以这个名称新建的页面都在一个窗口打开
open('http://www.baidu.com','_parent');        //参数3：_parent当前窗口打开，_blank新建窗口打开

open('http://www.baidu.com','baidu',');  //第三个参数还有其他的详情见上面的表

var box = open(); //定义一个变量等于open()新建一个窗口
box.alert('');    //在新窗口打印一个警告框

//子窗口操作父窗口


//父窗口代码
open('2.html','baidu','); //在这个父窗口打开一个子窗口

//子窗口代码
document.Onclick= function () {  //document事件.onclick点击，在子窗口点击执行这个匿名函数
    opener.document.write('子窗口让我输出的！'); //opener父窗口，document事件，write输出，让父窗口输出字符串
};

/确定窗口的位置,IE支持
alert(screenLeft);                            //IE支持
alert(typeof screenLeft);                        //IE显示number，不支持的显示undefined

alert(screenTop);

//确定窗口的位置,Firefox支持
alert(screenX);                                //Firefox支持
alert(typeof screenX);                        //Firefox显示number,不支持的同上

alert(screenY);

//跨浏览器的方法
//横向方案
var leftX = (typeof screenLeft == 'number') ? screenLeft : screenX; //三元运算符，返回真执行第一个，否则执行第二个
//纵向放在哪
var topY = (typeof screenTop == 'number') ? screenTop : screenY; //三元运算符，返回真执行第一个，否则执行第二个

alert(innerWidth); //innerWidth返回浏览器窗口本身的宽度

alert(innerHeight); //innerHeight返回浏览器窗口本身的高度

alert(outerWidth); //outerWidth返回浏览器窗口本身加边框的宽度

alert(outerHeight); //outerHeight返回浏览器窗口本身加边框的高度

var width = window.innerWidth;                //这里要加window，因为IE会无效
var height = window.innerHeight;

if (typeof width != 'number') {                //如果是IE，就使用document        
    if (document.compatMode == 'CSS1Compat') {
        width = document.documentElement.clientWidth;
        height = document.documentElement.clientHeight;
    } else {
        width = document.body.clientWidth;    //非标准模式使用body
        height = document.body.clientHeight;
    }
}

moveTo(20,20);                                //IE有效，移动到0,0坐标

moveBy(10,10);                            //IE有效，向下和右分别移动10像素

resizeTo(200,200);                            //IE有效，调正大小

resizeBy(200,200);                            //IE有效，扩展收缩大小

//第一种方式不推荐
setTimeout("alert('Lee')", 1000);                //不建议直接使用字符串

//第二种方式
function box() {
    alert('Lee');
}
setTimeout(box, 1000);                        //直接传入函数名即可

//第三种方式推荐
setTimeout(function () {                        //推荐做法
    alert('Lee');
}, 1000);

var box = setTimeout(function () {                //把超时调用的ID复制给box
    alert('Lee');
}, 1000);

clearTimeout(box);                            //把ID传入，取消超时调用
//被取消了最后不执行

setInterval(function () {                        //每1秒重复不停执行
    alert('Lee');
}, 1000);

var box = setInterval(function () {                //获取间歇调用的ID
    alert('Lee');
}, 1000);

clearInterval(box);                            //取消间歇调用

//定时器
var num = 0; //起始时间
var max = 5; //结束时间
var id = null; //初始化空对象,全局变量

function box(){
    num++; //起始时间累加
    document.getElementById('a').innerHTML += num;  //每次累加向浏览器输出
    if(num == max){   //判断起始时间等于结束时间时
        clearInterval(id); //接收全局变量id，取消间歇调用定时器
        alert('5秒到了'); //打印时间到后的动作
    }
}
id = setInterval(box,1000); //将间歇调用定时器返回值赋值给全局变量

var num = 0;  //设置起始时间
var max = 5;  //设置结束时间
function box() {  //定义函数
    num++; //起始时间自身累加
    document.getElementById('a').innerHTML += num;  //每次累加向浏览器输出
    if (num == max) { //判断起始时间等于结束时
        alert('5秒后结束！'); //打印5秒
    } else {
        setTimeout(box, 1000); //起始时间不等于结束时间，执行函数，执行计时器，函数里面执行本身递归
    }
}
setTimeout(box, 1000);                        //执行定时器

alert(window.location); //获取当前的URL
alert(document.location); //获取当前的URL
//上面两者相同

location.hash = '#1';                        //设置锚点，设置#后的字符串，并跳转


alert(location.hash);                        //获取锚点，获取#后的字符串

location.port = 63342;                        //设置端口号，并跳转

alert(location.port);                            //获取当前端口号，

location.hostname = 'Lee';                    //设置主机名，并跳转

alert(location.hostname);                    //获取当前主机名，

location.pathname = 'Lee';                    //设置当前路径，并跳转

alert(location.pathname);                    //获取当前路径，

location.protocal = 'ftp:';                        //设置协议，没有跳转

alert(location.protocol);                        //获取当前协议

location.search = '?id=5';                    //设置?后的字符串，并跳转

alert(location.search);                        //获取?后的字符串

location.href = 'http://www.baidu.com';            //设置跳转的URL，并跳转

alert(location.href);                            //获取当前的URL

function getArgs() {  //定义一个函数
    var args = [];     //创建一个数组
    //如果URL？后面的长度大于0，将URL？后的字符串截取从1位置开始，就去掉了？号
    var qs = location.search.length > 0 ? location.search.substring(1) : '';
    var items = qs.split('&'); //根据&将字符串分割
    var item = null, name = null, value = null;
//遍历
    for (var i = 0; i ) {
        item = items[i].split('=');
        name = item[0];
        value = item[1];
//把键值对存放到数组中去
        args[name] = value;
    }
    return args;  //返回数组
}

var args = getArgs();
alert(args['id']);  //打印数组里面的元素
alert(args['search']);  ////打印数组里面的元素

location.assign('http://www.baidu.com');        //跳转到指定的URL

location.reload();                            //最有效的重新加载，有可能从缓存加载

location.reload(true);                        //强制加载，从服务器源头重新加载

location.replace('http://www.baidu.com');        //可以避免产生跳转前的历史记录

alert(history.length);  // length属性，历史记录总数

function back() {                            //跳转到前一个URL
    history.back();    
}

function forward() {                        //跳转到下一个URL
    history.forward();
}

function go(num) {                            //跳转指定历史记录的URL
    history.go(num);
}