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()