JS操作BOM元素:
BOM(Browser Object Model)浏览器对象模型。
对整个浏览器窗口进行交互的对象模型。浏览器的前进、后退、刷新、跳转。
BOM对象包含的对象:
2.1.window对象:
常用属性:
2.1.2.history对象:
常用方法:
back();后退。
forward();前进。
go(数字);正数前进,负数后退。
2.1.3.location对象:
常用属性:
href:跳转页面完整的URL。
host:主机名+端口号。
hostname:主机名。
hash:返回#之后的所有字符串。
search:返回?之后的所有字符串。
常用方法:
reload():刷新页面
replace():替换
常用方法:
alert();提示框,确认按钮。
confirm();提示框,确定取消按钮。
prompt();对话框,可以获取用户的输入值。
open();打开新窗口。
close();关闭窗口。
setTimeout();只执行一次。
setInterval();循环指定毫秒数不断执行。
如果使用的属性或者方法来自window对象,可以省略window。
window属于内置对象。
2.4.document对象:
常用属性:
URL:返回当前页面的URL
referrer(推荐人):当浏览器向web服务器发送请求时,一般都会携带referrer属性。告诉服务器是从哪个地址链接过来的。
常用方法:
write();在页面中书写内容
getElement系列:获取页面中指定元素或者集合。
innerText:会原样输出字符串内容。
innerHTML:会解析css样式以及HTML结构。
getElementById();:获取页面中指定的id对象。
getElementsByTagName();:获取页面中所有指定标签的属性值集合。
getElementsByName();:获取页面中所有指定name属性值的集合。
2.6.Date对象:
var 变量名 =new Date();
var yy=today.getFullYear(); //获取4位数字的年份。getYear()获取2位数字年份。
var mou=today.getMonth();
var day=today.getDate();//getDay()获取星期的每一天。0-6分别代表周一-周日
var hh=today.getHours();
var mm=today.getMinutes();
var ss=today.getSeconds();
2.7.Math对象:
ceil():向上取整
floor():向下取整
random():随机数
round():四舍五入
2.8.定时函数:
setTimeout();只执行一次。
setInterval();循环指定毫秒数不断执行。
clearTimeout();清除定时函数。