javascript教程系列-8.BOM

欢迎加入前端交流群交流知识获取视频资料:749539640

1.浏览器对象模型( browser object model )
 
什么是BOM? 
 
提起BOM就不得不提起JavaScript的构成。ECMAScript为JavaScript的核心,但是要是在浏览器中使用JavaScript,那么BOM才是JavaScript的核心。
 
这时候不得不提起一个人:
 
 
假设:奥巴马潜逃到中国,那么无论之前他的权力有多大,到了中国都要遵守中国的法律,也就是说,无论ECMAScript有多么权威,那么到了当前的浏览器下,都要遵守当前浏览器的规则。
 
杀人犯法,偷到犯法,抢劫犯法。这些都是公认的法律,奥巴马在对浏览器不知情的情况下也会默认遵守这些规则。
 
这些通用的的规定就作为事实上的标准。这个标准就是BOM。
 
2.BOM的对象:
 
1)location对象:
 
*window.location.href=""
 
这是一个取代跳转链接的页面;
 
这个方法存在的意义是,让咱们的跳转链接可以操作,可以拼接>>>>这是开发中一种常见的传递数据的方式。
 
*window.location.reload()
 
刷新页面的方法。一般情况下给reload()传递一个true,让他刷新,并不使用缓存。
 
缓存的东西一般为js文件,css文件等。
 
用这个方法可以让自己不能动的页面动起来了。刷新当前页面。
 
toSource()方法;
 
只兼容FF浏览器,其他浏览器不兼容。 这个方法可以查看对象的源码;
 
语法是 obj.toSource()
 
2)navigator对象:
 
navigator.appName      返回获取当前浏览器的名称。
 
navigator.appVersion    返回 获取当前浏览器的版本号。
 
navigator.platform        返回 当前计算机的操作系统。
 
以上属性已经在逐渐被抛弃了。
 
一个新的属性将替代这些属性。
 
navigator.userAgent   返回
 
close()方法 
 
注意 :FF不支持此方法;
 
3.鬼畜系列方法
 
 
alert( )方法>>>这个没啥说的;
 
confirm( )方法;
 
confirm("对话框的提示文字")
 
这个方法有返回值,看到返回值的第一想法就是使用返回值;
 
var i=confirm("对话框的提示文字");
 
    if(i){
        document.write('你确定了')
    }else{
        document.write('你否定了')
    }
 
 
 
prompt()输入框
 
用法和confirm相同,返回值是你输入的值;
 
 
3.定时器
 
setInterval(函数名,执行时间(毫秒))>>>>
 
每间隔一定时间,就执行一次函数;
 
进度条 || 倒计时
 
 
 
setTimeout(函数名,执行时间(毫秒))
 
执行一次
 
4.一些事件
 
    onload 加载事件网页加载完毕后执行
    onscroll 滚动事件
    案例:回到顶部
    document.documentElement.scrollTop  代表垂直的滚动条,向下滚动的距离
    document.body.scrollTop  //chrome  代表垂直的滚动条,向下滚动的距离
    document.documentElement.scrollLeft
    document.body.scrollLeft
 
 
    拓展:JavaScript程序设计流程
 
 
DOM.getAttribute获得属性的值;

 

 

posted @ 2018-07-19 14:23  王志超II  阅读(153)  评论(0编辑  收藏  举报