javaScript BOM操作、window对象、window常用方法、history对象、location对象、时间函数、数组对象、 时间对象

BOM操作

BOM：浏览器对象模型

window对象

window常用方法

方法	作用
window.location = “http://网页地址”	打开此地址的网页
screen.width	屏幕的宽度
screen.height	屏幕的高度
window.open(url:’ 地址’)	打开新网页
window.close()	关闭网页
window.location	当前URL信息
alert()	提示框
confirm()	确认框
prompt()	输入框

history对象

历史记录

方法	作用
history.length	历史个数
history.go(url)	指定url history.go(1)当前页面最近的一页(前进)===history.forword()
history.go(-1)	等价于浏览器中的后退===hisyory.back()

location对象

地址栏

方法	作用
location.host	获取主机名称和端口号
open(url,描述,‘特征’,‘’);	打开新页面
close()	关闭页面
location.hostname	服务器名称
location.reload()	刷新页面
location.replace(http://url)	替换当前页面
location.href(url)	跳转到url网页

方法	作用
back()	后一页
location.hostname	获取主机名称
location.href	获取完整url地址
location.host	获取当前主机信息 主机名称 端口号
location.reload()	刷新当前页面
replace(URL)	替换当前页面

时间函数

超时调用

setTimeout(函数名,2000);

var timeoutId = setTimeout(function (){
    alert('你好!');
},1000)
//取消超时调用
clearTimeout(timeoutId);

间歇函数

setInterval(函数名,2000);

var num = 0;
var max = 5;
var intervalId = null;
function auto(){
    num++;
    //如果执行次数达到了max值,则取消后续尚未执行的间歇调用
    if (num == max){
        clearInterval(intervalId);
        alert('Done');
    }
}
intervalId = setInterval(auto,1000);

停止时间函数

//关闭超时函数
clearTimeout();
//关闭间歇函数
setInterval();

获取元素样式

window.getComputedStyle();

数组对象

//新建数组
1.var arr = new Array("苹果","芒果","火龙果","香蕉","菠萝");
2.var arrysList = ['大山','小王','唐三','萧炎','白小纯'];

//在每个元素后面加上@
arrysList.join('@');
//分割数组
arrysList.split('@');
//添加元素
arrysList.push('刘备');
arrysList.push('刘备','张飞','关羽');

//随机数 向上取整
var num = Math.ceil(Math.random()*100);

时间对象

var time = document.getElementById('time');
var date = new Date();
//获取当前年份
var year = date.getFullYear();
//获取到月份
var month = date.getMonth()+1;
//获取日
var date1 = date.getDate();
//获取星期数
var day = date.getDay()+1;
//获取小时数
var hours = date.getHours();
//获取分钟
var minutes = date.getMinutes();
//获取秒
var seconds = date.getSeconds()