标签:页面跳转 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键切换顺序
标签:页面跳转 sources assign keycode 网页 定时器 实现 14. 状态改变
原文地址:https://www.cnblogs.com/liuguofu/p/9388787.html