2020年前端学习入门系列:BOM

时间:2020-03-09 11:58:29 来源:网络

【摘要】 前端开发是创建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的详细内容,希望本篇文章对大家有所帮助。虽然考试已经受到影响,但是考生们不能因此懈怠。我们将根据疫情防控的进展情况,动态更新并通知考试的报名和考试安排,更多资讯关注考必过网站。

上一篇      下一篇
前端相关推荐 更多>>
前端热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net