JavaScript操作BOM对象

时间:2022-12-27 11:24:05
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