对象:一类中的具体实例
document.creatElement("标签名"):创建一个标签,相当于body里面的
Document.body.appendChild(对象):body的标签的对象
Document.body:body标签对象
Document.documentElement:html标签对象
注:margi不会触发对象
-
星星案列:
满屏星星:
随机大小随机位置的星星:
按钮练习:
发现:
- window:对象最高级
- BOM(浏览器对象模型):drower object Model
- DOM(文档对象模型):document object model
- BOM:网页一打开就会存在的东西
- DOM:去操作的代码部分
- Document:连接BOM和DOM,有下级,其他的都没有下级【多窗口】
-
window的方法
window的三个弹出框
alert(内容):弹出一个窗口;
prompt("内容","默认值"):弹出一个可以让用户输出的窗口,加入提示性语句,也可以加入默认值,如果用户不填写信息机点击确认得到的是空字符串,如果用户点击取消得到的是null
confirm("内容"):弹出一个可以让用户选择的窗口,如果确认得到的是true,点击取消得到的是false eg:var n=window.confirm("内容")
-
window.open:打开一个新的窗口
- window.open("链接","name","设置");
- width:设置窗口的宽度
- height:设置窗口的高度
- left:新窗口到左端的距离
- top:新窗口到顶部的距离
- scrollbars:滚动条【yes,no,1,0】
- toolbar:工具栏【yes,no,1,0】
- location:地址栏信息
-
window.close():关闭窗口
-
定时器
1、一次性定时器:var a=window.setTimeout("js代码",时间t)
执行:是在时间t之后执行js代码【只会执行一次】
时间:以毫秒为单位
2、反复性定时器:window,setInterval("js代码",时间t)
执行:是每过时间t就会执行一次js代码【n次】
时间:以毫秒为单位
3、清除一次性定时器:window.clearTimeout(需要清除的对象名)
4、清除反复性定时器:window.clearInterval(清除的对象名)
注:要想清除定时器,必须给定时器名字,匿名定时器无法清除
定时器案列:网页版时钟