js自学笔记Day6

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

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

document.body:时标签对象

document.doucumentElementhtml:标签对象

注意：margin不会触发事件

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

案例二：按钮开关

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();

练习：大意失亲猫

定时器：

一次性定时器：window.setTimeout(“js代码”，时间t）

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

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

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

注：定时器可存在变量内

清除定时器：window.clearTimeout(变量)；

清除反复定时器：window.clearInterval(变量）；

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

练习：病 毒

获取对象方式：

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:当前对象