6、JS星星案列,window三个弹出框,window方法,定时器

对象:一类中的具体实例

document.creatElement("标签名"):创建一个标签,相当于body里面的

Document.body.appendChild(对象):body的标签的对象

Document.body:body标签对象

Document.documentElement:html标签对象

注:margi不会触发对象

  • 星星案列:

满屏星星:

随机大小随机位置的星星:

按钮练习:

发现:

  1. window:对象最高级
  2. BOM(浏览器对象模型):drower object Model
  3. DOM(文档对象模型):document object model
  4. BOM:网页一打开就会存在的东西
  5. DOM:去操作的代码部分
  6. Document:连接BOM和DOM,有下级,其他的都没有下级【多窗口】
  • window的方法

window的三个弹出框

alert(内容):弹出一个窗口;

prompt("内容","默认值"):弹出一个可以让用户输出的窗口,加入提示性语句,也可以加入默认值,如果用户不填写信息机点击确认得到的是空字符串,如果用户点击取消得到的是null

confirm("内容"):弹出一个可以让用户选择的窗口,如果确认得到的是true,点击取消得到的是false            eg:var n=window.confirm("内容")

  • window.open:打开一个新的窗口

  1. window.open("链接","name","设置");
  2. width:设置窗口的宽度
  3. height:设置窗口的高度
  4. left:新窗口到左端的距离
  5. top:新窗口到顶部的距离
  6. scrollbars:滚动条【yes,no,1,0】
  7. toolbar:工具栏【yes,no,1,0】
  8. 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(清除的对象名) 

注:要想清除定时器,必须给定时器名字,匿名定时器无法清除

定时器案列:网页版时钟

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值