JavaScript实用小技巧---BOM和DOM

1.BOM

1.警告框  window.alert('提示文本');  
2.输入框  window.prompt('提示文本'[,初始化文本]);
3.确认框  window.confirm('提示文本'); 返回ture/false,只有点击确定返回true,其他情况返回false
--------------------------------------------
4.周期性定时器(间歇调用)
   timeID = setInterval(function,time)
       功能:每隔一段时间,执行一端代码
       参数:function 要执行的代码段
             time    表示时间间隔,以毫秒为单位
       返回值:返回定时器的id(整数值)
   clearInterval(timerID)
       功能:停止定时器
       参数:timerID 定时器的id值

5.一次性定时器(超时调用)
   timeID = setTimeout(function,delay)
       功能:等待一段时间后,执行一段代码
       参数:function 要执行的代码 
             delay    延迟执行的时长,以毫秒为单位
       返回值:定时器的id 
   clearTimeout(timerID)
       功能:停止定时器 
       参数:timerID 定时器的id值
   -----------------------------------------------    
四、history 对象
    保存当前窗口访问过的url 
    属性: 
        1.length :当前窗口访问过的URL数量,至少为1
    方法:
        1.back()
            作用:回退上一条url
        2.forward()
            作用;访问下一条url
        3.go(num)
            作用:跳转至指定的url
            参数:整数值,可正可负,正值表示前进,负值表示后退
----------------------------------------------------------
五、location 对象
    保存地址栏信息(url)
    属性: 
        herf:保存当前窗口的url ,若果给href赋值,相当于跳转页面 
    方法: 
        reload(false) 
            作用:重新载入页面(刷新)
            参数:选填,可选true/false 
                 true:忽略缓存,从服务器重新加载
                 false:默认值,从缓存中加载

2.DOM

1.鼠标事件函数
    1.onclick      鼠标单击
    2.ondblclick   鼠标双击
    3.onmouseover  鼠标移入元素触发
    4.onmousemove  鼠标在元素中移动不断触发
    5.onmouseout   鼠标移出元素
2.文档或元素加载完毕后触发
    onload
3.表单控件状态改变事件
    1.onfocus   元素获取焦点时触发
    2.onblur    元素失去焦点时触发
    3.onchange  元素内容发生改变并且失去焦点之后触发
    4.oninput   元素正在输入,value值触发变化时触发
    5.onsubmit  点击提交按钮时触发
4.键盘事件
    1.onkeydown    键盘按键被按下
    2.onkeypress   键盘按键被按压
    3.onkeyup      键盘抬起

5.鼠标事件对象:
   1.offsetX  offetY  获取鼠标在元素中的坐标位置
   2.clientX clientY  获取鼠标在网页中的坐标位置
   3.screenX screenY  获取鼠标在屏幕中的坐标信息

猜你喜欢

转载自blog.csdn.net/qq_43192730/article/details/89461137