提交事件 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 屏幕发生变化时调用



发表评论取消回复