bom操作

1. Form对象:
   如何找到:document.forms[序号|name]
   如何找到数据采集的元素:
        document.forms[序号|name].elements[序号|name]
   
   让元素获得或失去焦点:elem.focus()
                        elem.blur()


   获得/失去焦点的事件:onfocus   onblur


   获得当前正在获得焦点的元素:document.activeElement


   事件:onsubmit 在表单正式提交前自动触发
        对整个表单执行验证
       form.οnsubmit=function(){
  只要任意一个验证未通过,
          就*取消事件*:2步:
          1. 获得event对象e: 
            var e=window.event||arguments[0];
    if(e.preventDefault){
             e.preventDefault() //DOM
    }else{
             e.returnValue=false //IE8  
    }
       }


   表单提交:2种:直接点submit按钮;
        如果当前form中任意元素获得焦点,可按回车自动提交
      只要自动表单提交前,都会先触发onsubmit,可做验证

1. *BOM:
    window对象
    ****定时器——动画
2. 常用BOM对象:
    ***Navigator

1. BOM:专门操作浏览器窗口的对象 
    window对象:2个角色:
      1. 充当全局对象!
      2. 包含BOM常用对象
  
    属性:
      大小与位置:
        innerHeight/Width: 文档显示区的大小
        outerHeight/Width: 窗口大小


        pageYOffset:文档左上角到文档显示区左上角的距离


    1. 打开新链接:4种效果:
      1. 在当前窗口打开新链接,可后退
html: 
        js:[window.]open("url","_self")
      2. 在当前窗口打开新链接,禁止后退
        js:location.replace("新url");
      3. 在新窗口打开新链接,可同时开多个
html:
        js:
      4. 在新窗口打开新链接,只能打开一个
        target-->目标窗口的名称
        _self: 自动获得当前窗口名称
        _blank: 创建一个新窗口,随机生成一个不重复的名字
        *窗口名:内存中同一个窗口名只能打开一个
                后打开的,会替换先打开的
        html: <a href="xxx" target="自定义窗口名"></a>

                          window.name="自定义窗口名"        

         js:

1. window对象:
   窗口大小与定位
   ****定时器

1. 窗口大小与定位:
   大小:
   1. window.innerHeight/Width: 文档显示区宽高
             outerHeight/Width: 整个窗口的宽高
      
   2. screen.height/width: 桌面完整分辨率宽高
      screen.availHeight/availWidth: 去掉任务栏后剩余分辨率的宽高
   
   3. 调整大小:window.resizeTo(width,height)
                        调整到
                     resizeBy(变化的width,变化的height)


   位置:
   1. 左上角x坐标:window.screenLeft||window.screenX;
            y坐标:window.screenTop||window.screenY;
   2. 将窗口移动到指定坐标:window.moveTo(x,y)
   3. 事件发生时,鼠标相对于整个屏幕的坐标:
         event.screenX|screenY


2. ****定时器:让浏览器按指定时间间隔反复执行同一任务
    2种:
周期性定时器:让浏览器按指定时间间隔反复执行同一任务
    如果不手动停止,则一直反复执行
一次性定时器:让浏览器等待一段时间间隔,执行一次任务
             自动停止。
    在一次性定时器的结尾,每次都重新启动一个一次性定时器
建议:尽量使用一次性定时器,代替周期性定时器


    如何使用:周期性和一次性用法完全相同的
    周期性:3件事:
    1. 动画的每一步要执行的任务(函数对象)
function step(){
      每一步要做的事情
        }
    2. 将一步的任务放入定时器,反复调用
timer=setInterval(step,间隔毫秒数)
    3. 必须用全局变量,临时存储定时器的编号
        clearInterval(timer)

    一次性:3件事
    1. 动画的每一步要执行的任务(函数对象)
function step(){
      每一步要做的事情
/*根据条件判断是否有必要继续启动下一个定时器*/        }
    2. 将一步的任务放入定时器,反复调用
timer=setTimeout(step,间隔毫秒数|等待毫秒数)
    3. 必须用全局变量,临时存储定时器的编号
        clearTimeout(timer)
        停止正在等待的定时器












  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值