2024-10-14

更新

div.replaceChild(new,origin);

把html中的内容取出来

div.innerHTML()=“123”//把原内容覆盖

//innerText(火狐不兼容)/textContent

为结点增加属性

div.setAttribute(‘id’,‘demo’);

//给div添加id号叫做demo的值

获取结点属性值

div.getAttribute(‘id’);

编写一段JavaScript脚本生成下面这段DOM用标准的DOM方法和属性。

可可

---

练习：

//targetNode 代表我要根据这个点插入，afterNode代表插入内容

Element.prototype.insertBefore=function (targetNode,afterNode){

if(!targetNode.nextElementSibling){

this.appendChild(afterNode);

}else{

this.insertBefore(targetNode.nextElementSibling,afterNode);

}

}

---

三、date对象，定时器

一：获取时间对象new Date()

var date = new Date;

function getNowDate() {

var date = new Date();

var year = date.getFullYear();

var month = date.getMonth() + 1;

var day = date.getDate();

var arr = [‘星期日’, ‘星期一’, ‘星期二’, ‘星期三’, ‘星期四’, ‘星期五’, ‘星期六’];

var week = date.getDay();

return year + ‘/’ + month + ‘/’ + day + ‘\n’ + arr[week];

}

Date() 返回当日的日期和时间。

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。（周日为0；）

getMonth() 从 Date 对象返回月份 (0 ~ 11)。

getFullYear() 从 Date 对象以四位数字返回年份。

getYear() 请使用 getFullYear() 方法代替。

getHours() 返回 Date 对象的小时 (0 ~ 23)。

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。

getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。

getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

二：日期设置方法

setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。

setMonth() 设置 Date 对象中月份 (0 ~ 11)。

setFullYear() 设置 Date 对象中的年份（四位数字）。

setYear() 请使用 setFullYear() 方法代替。

setHours() 设置 Date 对象中的小时 (0 ~ 23)。

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。

setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。

setTime() 以毫秒设置 Date 对象。

三：时间转字符串

toString() 把 Date 对象转换为字符串。

Thu Oct 14 2021 18:51:58 GMT+0800 (中国标准时间)

toTimeString() 把 Date 对象的时间部分转换为字符串。

20:45:34 GMT+0800 (中国标准时间)

toDateString() 把 Date 对象的日期部分转换为字符串。

Thu Oct 14 2021

toUTCString() 根据世界时，把 Date 对象转换为字符串。

toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。

toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。

toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。

四、js中两种定时器，setTimeout和setInterval

setTimeout只在指定时间后执行一次，代码如下：

//定时器 异步运行

function hello(){

alert(“hello”);

}

//使用方法名字执行方法

var t1 = window.setTimeout(hello,1000);//后面的是执行的毫秒数

var t2 = window.setTimeout(“hello()”,3000);//使用字符串执行方法

window.clearTimeout(t1);//去掉定时器

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。