js自学笔记Day6

document.createElement(“标签名”) 创建一个元素

document.body.appendChild(标签对象);

document.body:时标签对象

document.doucumentElementhtml:标签对象

注意:margin不会触发事件

案例: 点出击屏幕位置出🐎

图片[1]-js自学笔记Day6-魔法少女雪殇
代码
图片[2]-js自学笔记Day6-魔法少女雪殇
效果

案例二:按钮开关

图片[3]-js自学笔记Day6-魔法少女雪殇
代码
图片[4]-js自学笔记Day6-魔法少女雪殇
实例

window:window的方法

window的三个弹出框:

1.alert();弹出一个窗口

2.window.prompt(“提示值”,”默认值”);输入弹框,如果不填写,则获得空字符,如果取消,获得的是null

3.window.confirm(“”):弹出一个可以让用户选择的窗口,单击确认得到true,单击取消得到flase

window.open:打开一个新窗口

window.open(“链接“,”name”,”设置”);

1.width:设置窗口宽度

2.height:设置窗口的高度

3.left:新窗口到左端距离

4.top:新窗口到顶部距离

5.scrollbars:滚动条【yes,no,1,0】

6,toolbar:工具栏【yes,no,1,0】

7,location:地址栏

window.close关闭窗口

window.close();

练习:大意失亲猫

图片[5]-js自学笔记Day6-魔法少女雪殇
图片[6]-js自学笔记Day6-魔法少女雪殇
猫猫

定时器:

一次性定时器:window.setTimeout(“js代码”,时间t)

执行:在时间t之后执行js代码【只执行一次】
t:以毫秒为单位

反复性定时器:window.setInterval(“js代码”,时间t)

执行:每过时间t就会执行一次js代码【n次】
t:以毫秒为单位

注:定时器可存在变量内

清除定时器:window.clearTimeout(变量);

清除反复定时器:window.clearInterval(变量);

注意:要想清除定时器,必须给定时器名字,否则名为匿名,定时器无法清除。

练习:病 毒

图片[7]-js自学笔记Day6-魔法少女雪殇
代码

获取对象方式:

id:document.getElementByld(“id”);

标签:document.getElementsByTagName(“标签名”)获取的是对象的集合//相当于一个数组

对象.getElementsBytagName(“标签名“) 获取对象里面的所有标签

name:document.getElementsByName(“name名“);form集合//数组

className:document.getElementsByClassName(“class名”);集合//数组【firefox】

document.Images;获取所有的img对象//数组

document.links获取连接对象//数组

document.forms;获取表单对象//数组

document.body;body标签对象

document.documentElement:HTML 对象

event:事件信息对象

this:当前对象

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    没有评论内容