BOM:浏览器对象,用户能够利用浏览器对象和浏览器进行交互
window对象 ==>>history对象、document对象、loaction对象
window对象的常用属性和方法:
window.location 获取地址栏 注意:属性可以使用=进行赋值
window.history 获取历史对象
window.alert() 弹窗
window.prompt() 输入框
window.confirm() 带有确认和取消的提示框
window.open() 打开一个新的窗口
window.close() 关闭当前窗口
window.setTimeout() 延时函数
window.setInterval() 定时函数
history对象:
history.back() 后退,加载上一个URL
history.forward() 前进,加载下一个URL
history.go(1) 1为前进,-1为后退,0为当前
location对象:
location.hostname 获取主机名和端口号
location.host 获取主机名
location.href 获取地址栏
例如: location.href="http://4399.com" 修改页面地址
location.reload() 重新加载,刷新
location.replace() 替换URL
document对象:
document.referrer 获取上一个页面的URL,一般需要从别的页面连接进入才能获取
document.URL 获取页面的URL地址栏
document.getElementById("") 根据id获取元素,获取到一个元素对象
document.getElementsByName("") 根据name属性获取元素,获取到一个元素对象数组,需要通过下标依次从上至下取值。
例如: var names= document.getElementsByName("n1");
根据name属性并且值为n1的获取元素数组
取值: 通过下标取值 names[0].innerHTML
document.getElementsByTagName("") 根据页面标签获取元素,获取到一个元素对象数组,需要根据下标依次从上至下取值。
例如: var ps=document.getElementsByTagName("p")
根据标签并且标签为p标签获取元素数组
取值:通过下标取值 ps[0].innerHTML
write() 在页面上输出内容。
innerHTML 获取标签内容,可以进行赋值修改。
例如: document.getElementById("p1").innerHTML="<img src='图片路径'>";
Date对象:
1、创建一个Date对象
var times=new Date();
2、调用方法获取数据
times.getDate() 获得一个月中的几号
times.getDay() 获得一个星期的第几天
times.getHours() 获得小时
times.getMinutes() 获得分钟
times.getSeconds() 获得秒数
times.getMonth() 获取月份是从12月份开始计算 中国的标准月份+1
times.getFullYear() 获得年份
times.getTime() 获得时间戳 从1970年1月1日开始计算毫秒
Math对象(数学对象):
Math.ceil() 向上取整数 例如: Math.ceil(9.1) 结果为10
Math.floor() 向下取整数 例如: Math.floor(9.1) 结果为9
Math.round() 四舍五入 例如: Math.round(3.5) 结果为4
Math.random() 随机数 范围(0~1) 例如:Math.random()*10 0<结果<10
例如利用随机数取1~10: Math.floor(Math.random()*10+1)
时间函数:
setTimeout(调用的函数,等待时间) 延时函数 等待多少秒执行 执行一次
例如: setTimeout(function(){
//执行的代码
},1000); 1000毫秒=1秒
setInterval(调用的函数,定时时间) 定时函数 每隔多少秒执行 无数次
例如: setInterval(function(){
//执行的代码
},1000); 1000毫秒=1秒