学习js基础操作总结

Posted 2020-12-26 wuqiance

 

1.

打开页面：window.open();

关闭页面：window.close();

2.

//定时器 有返回对象 返回的是这个定时器的对象

setInterval();//连环炸弹 间隔执行

setTimeout();//定时炸弹 延迟执行 

//清理定时器

var sett = setTimeout(function(){

console.log("setTimeout定时器");

},3000);

var sett1 = setInterval(function(){

console.log("setInterval定时器");

},1000);

function closedsq(){

clearTimeout(sett);//清除延迟定时器

}

function closedsq1(){

clearInterval(sett1);//清除连环定时器

}

3.

页面加载完成

window.onload=function(){

 

}

4.

找到元素 

找具体元素,会返回元素对象：

找一类元素,会返回多个元素对象组成的数组：

5.

操作元素

 操作元素的内容

非表单元素：Dom.innerhtml

表单元素：Dom.value

6.

操作元素属性

 

Dom.getAttribute("aaa");//获取属性值

Dom.setAttribute("id","dd");//设置属性值 

Dom.removeAttribute();//移除属性值

7.

操作元素样式

Dom.style.color;

8.操作元素事件

1、直接在标签里面加事件属性

2、Dom.onClick = function(e){}

3、dom.addEventListener(事件名,方法名);

   dom.removeEventListener(方法名);

9.操作元素 添加删除

var d = document.createElement("div")  

d.innerHtml

d.styl

d.set

Dom.appendchild(d);

Dom.remove();

<td onclick="editThis(this)">`   +stus[k][0]+`</td>