【WD】【js笔记】操作表单 BOM-window对象

6.操作表单
提交事件  form.onsubmit    提交事件时触发

oForm.onsubmit = function(){
    //如果值为空,不允许提交
    if(oForm.user.value == ''){
        return false
    }
}
重置事件  form.onreset

获取焦点  form.onfocus

失去焦点  form.onblur

//获取焦点事件
oForm.user.onfocus = function(){
    this.style.background = 'pink'
}
//失去焦点
oForm.user.onblur = function(){
    this.style.background = ''
}

input.focus();  //打开界面input直接获取焦点
input.blur(); 
input.select('');  //默认选中
oForm.submit(); //提交
oForm.reset(); //重置
7.BOM-window对象
window.alert(''); //警告框
window.confirm('是否开始'); //带确认的框,返回true或false
window.prompt('请输入'); //带输入的对话框,确认返回输入的值,取消null
window.open(url); //打开新页面 window.open("http://osuu.net", "_blank", true) 
window.close(); //关闭窗口

window.location.herf;   //返回当前加载页面的完整url
window.location.search;   //返回url中查询字符串,以?开头
window.location.reload();   //重新加载页面

history.go(0);  //刷新页面 -1上一页   1后一页
navigator   //获取浏览器信息 详情看文档这里就不多写了
8.位置属性
元素.clientWidth  / .clientHeight     可视宽高 width+padding

元素.offsetWidth / .offsetHeight     占位宽高 width+padding+border

元素.offsetTop   当前元素的顶部到定位父元素的距离,没有则到body的距离

……

元素.scrollTop  / .scrollLeft   元素被卷去的宽高

元素.scrollWidth / .scrollHeight  获取元素的实际内容宽高

onscroll 滚动事件     window.onscroll = function(){}

onresize 屏幕发生变化时调用
返回列表
上一篇:
下一篇:
版权所有:《密波博客
文章标题:《【WD】【js笔记】操作表单 BOM-window对象
除非注明,文章均为 《密波博客》 原创
转载请注明本文网址:http://www.log1.cn/?post=964  

发表评论

快捷回复: