码迷,mamicode.com
首页 > 其他好文 > 详细

关于BOM

时间:2018-07-30 11:33:30      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:页面跳转   sources   assign   keycode   网页   定时器   实现   14.   状态改变   

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键切换顺序

关于BOM

标签:页面跳转   sources   assign   keycode   网页   定时器   实现   14.   状态改变   

原文地址:https://www.cnblogs.com/liuguofu/p/9388787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!