前端(BOM)
BOM(Browser Object Model)是指浏览器对象模型
一、 window对象
Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先 全局变量是 window 对象的属性。全局函数是 window 对象的方法。 在调用window对象的方法和属性时,可以省略window对象的引用(例如:window.document.write()可以简写成:document.write()) 属性和方法: • window.innerHeight - 浏览器窗口的内部高度 • window.innerWidth - 浏览器窗口的内部宽度 • window.open() - 打开新窗口 • window.close() - 关闭当前窗口 (只能关闭用js的window.open()打开的页面,了解一下就行了)
二、 navigator对象
浏览器对象,通过这个对象可以判定用户所使用的浏览器,包含了浏览器相关信息。 属性和方法: • navigator.appName // Web浏览器全称 • navigator.appVersion // Web浏览器厂商和版本的详细字符串 • navigator.userAgent // 客户端绝大部分信息 • navigator.platform // 浏览器运行所在的操作系统
三、 screen对象
屏幕对象,不常用。 属性和方法: • screen.availWidth - 可用的屏幕宽度 • screen.availHeight - 可用的屏幕高度
四、 history对象
注意:window.history 对象包含浏览器的历史。 • history.forward() // 前进一页,其实也是window的属性,window.history.forward() • history.back() // 后退一页
五、 location对象
注意: 用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 属性和方法: • location.href 获取URL • location.href="URL" // 跳转到指定页面 • location.reload() 重新加载页面,就是刷新一下页面
六、 警告框
注意: 警告框经常用于确保用户可以得到某些信息 当警告框出现后,用户需要点击确定按钮才能继续进行操作 语法: alert("你看到了吗?");
七、 提示框
注意: 提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。 如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为默认值,就是第二个参数,如果没有默认值那么返回null。 语法: prompt("请在下方输入","你的答案")
八、 确认框
注意: 确认框用于使用户可以验证或者接受某些信息。 当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。 如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。 语法: confirm("你确定吗?")
九、 计时相关属性
9.1 setTimeout()属性:
注意:一段时间后做一些事件被执行 语法: var t=setTimeout("JS语句",毫秒) // 设置定时器,毫秒单位 clearTimeout(t) // 清除计时器t 示例: var timer = setTimeout(function(){alert(123);}, 3000) // 在指定时间之后执行一次相应函数 clearTimeout(timer); // 取消setTimeout设置
9.2 setInterval()属性:
注意:每隔一段时间事件被执行(周期执行,直到计数器被清除) 语法: var t=setInterval("JS语句",毫秒) // 设置时间间隔:毫秒单位 clearInterval(t) // 清除计时器t 示例: var timer = setInterval(function(){alert(123);}, 3000) // 每隔一段时间就执行一次相应函数 clearInterval(timer); // 取消setInterval设置
https://www.cnblogs.com/WiseAdministrator/