BOM:浏览器器对象模型
可以获取一些浏览器自带的功能
Brower object model
由于没有统一的BOM标准,每个浏览器都有自己的BOM实现方法,BOM的浏览器兼容性较差。常见的BOM对象有:
- window
- document
- location
window对象讲解
window对象是全局对象又称顶级对象.可以省略不写
常见的方法:console.log() alert
console可以写成window.console。
alert()可以写成window.alert()。
prompt()可以写成window.prompt()。
open()可以写成window. open()。
close()可以写成window.close()。
open表示开启一个新窗口 重新开启一个窗口 而a标签是在当前窗口完成覆盖.
document.getElementById("btn").onclick = function(){
// window.open("1_BOM简介.html");
open("1_BOM简介.html");
}
close方法 表示直接关闭浏览器
document.getElementById("close").onclick = function(){
// window.open("1_BOM简介.html");
close();
}
location对象
location对象常用于路径相关的用法
常见用法
1: 跳转到指定页面 等同于A标签的功能
document.getElementById("btn").onclick = function(){
location.href = "1_BOM简介.html";
}
2: 获取当前页面的URL地址
document.getElementById("btn1").onclick = function(){
console.log(location.href);
}
3: 刷新当前网页
document.getElementById("btn2").onclick = function(){
location.reload();
}
定时器的基本用法
定时器: 每间隔多少时间毫秒自动执行函数的一种机制.
定时器的种类: 分为延时定时器和重复定时器
延时定时器: 等待多少时间 执行一次函数 就GG
重复定时器: 每隔多少时间 都执行一次函数 无限循环 除非代码写了关闭的条件
延迟定时器的用法
延时定时器的语法如下:
方法一:
setTimeout(function(){ 代码块 }, xx); //xx毫秒
方法二:
setTimeout(aa, xx); //注意aa表示函数名 不要加括号
function aa(){
}
重复定时器
重复定时器的语法如下:
方法一:
setInterval(function(){ 代码块 }, xx); //xx毫秒
方法二:
setInterval(aa, xx); //注意aa表示函数名 不要加括号
function aa(){
}
如何关闭定时器
1.需要先定义定时器的名字
2.加上关闭的条件
3.通过clearInterval(xxx); xxx表示定时器的名字
var dsq ; //假设该变量是存储定时器
dsq = setInterval(function(){
console.log("~~");
},1000);
document.getElementById("btn").onclick = function(){
clearInterval(dsq);
}