关于BOM

Posted 2020-12-26 liuguofu

BOM：操作浏览器窗口
根对象：Window
BOM对象不需要创建 内置在浏览器
1.window对象 方法
window.alert(） window.prompt()返回值：null（取消或关闭窗口）  空字符串（直接确定）  用户输入的字符串   window.confirm()返回值：true false window.close()//关闭当前窗口
open("url","name"，"channelname,fullscreen","width= left =top=")
2.js中的特殊运算符：（1）typeOf（） string类型 (2) instanceOf（）boolean类型
　　　　　　　　　　（3）delete                       （4） void undefined类型
3.定时器：（本质是线程）实现网页动态时钟 跑马灯，倒计时等
周期性时钟：以一定间隔执行代码 循环往复
一次性时钟：在一个设定的时间之后执行代码，不是立即执行
setInterval(task,time)先计时后执行方法。清除计时：clearInterval              setTimeout()           clearTimeout（）
4.navigator对象：常用属性 方法：
　　　　　　　　userAgent 返回浏览器信息
5.location 对象 浏览器当前显示的页面的URL地址：常用对象属性：
　　　　　　　　location.href="" 获取或者页面跳转 assign（） reload（）重新加载
6.总结页面跳转方法：1.表单提交 2.超链接 3.javascript：location.href location.assign window.open <meta http-equiv="Refresh" content="3;url"
7.history 对象 浏览器浏览的历史顺序
　　back（） go(num） forward()　　 length:
8.screen 对象 浏览器窗口所在的显示屏幕

　　//打开一个居中小窗口
　　　　var sw = screen.availWidth;
　　　　var sh = screen.availHeight;
　　　　var w = 400;
　　　　var h = 300;
　　　　var left1 = (sw - w) / 2;
　　　　var top1 = (sh - h) / 2;
　　　　console.log(top1);

　　　　function wind() {
　　　　window.open("html DOM.html", ‘channelmodel‘, ‘width=‘ + w + ‘,height=‘ + h + ‘,top=‘ + top1 + ‘,left=‘ + left1)
　　　　　　　　}
9.event 对象：鼠标事件 MouseEvent(包含事件源，事件发生x/y坐标) 键盘事件KeyEvent（包含事件源，keycode） 状态改变事件StateEvent（State）
10.事件句柄：（Event handler）每个事件发生时，浏览器会查看该事件是否指定了对应的处理函数，该函数就是事件句柄
11. onclick 多次绑定 只有最后一次生效
　　　　event.cancelBubble=true:取消冒泡
　　　　event对象 浏览器兼容性不好
clientX clientY 相对于body的事件发生坐标
screenX screenY 相对于显示器的事件发生坐标
offsetX offsetY 相对于事件源的坐标
12.获取事件源：e.target.nodeName
13.断点调试：f12 sources
14.常用事件————onclick ondblclick(两次单击)onmousedown onmouseup onmouseover   onmousemove onmouseout
onkeyup onkeydown onkeypress down-->press-->up onfocus onblur onchange--》内容改变 失去焦点 适用于select 不适合input    onerror
15.tabindex="1" tab键切换顺序