javascript系列-class8.BOM
2024-08-28 07:47:41
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获得属性的值;
最新文章
- 【URAL 1519】Formula 1
- XCode的个人使用经验
- web也是区分前端与后端的,session\cookie辨析
- http响应状态码大全
- 使用Html5+C#+微信 开发移动端游戏详细教程 :(五)游戏图像的加载与操作
- ocruntime
- 2.3搭建Android应用程序开发环境
- Freezable 对象(WPF)
- sizeof用法
- poj1458 dp入门
- JAVA提高十一:LinkedList深入分析
- mybatis中@Param的用法和作用
- 【汇总目录】Git
- python shell与反弹shell
- K-means算法的matlab程序(初步)
- Curator实现分布式锁
- spring boot项目,application.properties配置文件下中文乱码解决方案
- C# 导入(读取) WPS ET文件
- linux内核内存分配(三、虚拟内存管理)
- Knockout学习之表单绑定器(上)
热门文章
- centos6配置固定ip地址(选择桥接模式)
- pcap文件生成metadata——使用tshark解析tcpdump的pcap包
- SQLserver中用convert函数转换日期格式(2)
- android 方案源码下载repo同步遇到的问题
- Redis的配置文件详解
- 常用几个空格的 Unicode 码
- Sentry: Python 实时日志平台
- submile 安装,汉化,插件
- ABBYY简体中文版终身授权半价来袭,真的是5折!
- 关于<;marquee>;、<;form>;、input中的<;text>;、<;password>;、<;hidden>;、<;wenbenkuang>;、<;reset>;、<;image>;、<;submit>;、<;radio>;、<;checkbox>;以及<;select>;<;iframe src>;的用法