【摘要】 前端开发是创建Web页面或app等前端界面实现互联网产品的用户界面交互。考必过为大家整理了2020年前端学习入门系列:BOM,想学习前端的小伙伴可以看过来!2020年前端学习入门系列:BOM。
JavaScript分为 : ECMAScript,DOM,BOM。
BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。
DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。
Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。
BOM
window对象
所有浏览器都支持 window 对象。它表示浏览器窗口。没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象 |
一些常用的Window方法:(在浏览器调试器的console里面输入下面这些属性或者方法,就能看到对应的效果)
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口 (只能关闭用js的window.open()打开的页面,了解一下就行了)
window的子对象
navigator对象
navigator.appName // Web浏览器全称
navigator.appVersion // Web浏览器厂商和版本的详细字符串
navigator.userAgent // 客户端绝大部分信息
navigator.platform // 浏览器运行所在的操作系统
screen对象
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
history对象
history.forward() // 前进一页,其实也是window的属性,window.history.forward()
history.back() // 后退一页
弹出框
可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。
alert("你看到了吗?");
confirm("你确定吗?")
prompt("请在下方输入","你的答案")
location对象
location.href 获取URL
location.href="URL" // 跳转到指定页面
实例:location.href='http://www.baidu.com';
location.reload() 重新加载页面,就是刷新一下页面
计时器相关
setTimeout()
var t=setTimeout("JS语句",毫秒) #一段时间之后做某些事 第一个参数js语句多数是写一个函数,不然一般的js语句到这里就直接执行了,先用函数封装一下,返回值t其实就是一个id值(浏览器给你自动分配的)
var t=setTimeout("confirm('你好')",3000);
clearTimeout()
clearTimeout(setTimeout_variable) // 在指定时间之后执行一次相应函数
var timer = setTimeout(function(){alert(123);}, 3000) // 取消setTimeout设置
clearTimeout(timer);
setInterval("JS语句",时间间隔) #每隔一段时间做一些事情 // 每隔一段时间就执行一次相应函数
var timer = setInterval(function(){console.log(123);}, 3000) // 取消setInterval设置
clearInterval(timer);
以上就是2020年前端学习入门系列:BOM的详细内容,希望本篇文章对大家有所帮助。虽然考试已经受到影响,但是考生们不能因此懈怠。我们将根据疫情防控的进展情况,动态更新并通知考试的报名和考试安排,更多资讯关注考必过网站。