JavaScript笔记整理

信小呆666

已于 2022-06-07 14:20:48 修改

阅读量82

点赞数

分类专栏：大前端文章标签： javascript 前端开发语言

于 2022-06-06 15:47:40 首次发布

本文链接：https://blog.csdn.net/weixin_44480609/article/details/125092230

版权

大前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

狂神笔记

1.骨架

<!--DOCTYPE：告诉浏览器使用什么规范（默认是html）-->
<!DOCTYPE html>
<!--语言 zh中文 en英文-->
<html lang="en">
<!--head标签代表网页头部-->

<head>
    <!--meta 描述性标签，表示用来描述网站的一些信息-->
    <!--一般用来做SEO（搜索）-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--网站标题-->
    <title>Document</title>
    <script src="js/keleJs.js"></script>
    <script>
        alert("Hello World！");
    </script>
</head>

<body>

    <p>hello</p>
</body>

</html>

外部引用js
在这里插入图片描述

2.数据类型

2.1字符串

转义字符

\'      字符串
\n      换行
\t      tab
\u4e2d  中

var name = "kele";
let age = 18;

let是es6的新语法，后面大前端再详细学习。

字符串长度

console.log(name .length);

大小写转换

var name1 = "kele";
//注意这是方法，不是属性
name1 = name1.toUpperCase();
name1 = name1.toLowerCase();
console.log(name1);

字符串截取

var name1 = "kele";
//注意这是方法，不是属性
name1 = name1.substring(1,3);
console.log(name1);

2.2 数组

定义数组

var arr = [1,2,3,4,5]//通过下标取值和赋值
console.log(arr);

数组的长度

var arr = [1,2,3,4,5]//通过下标取值和赋值
console.log(arr.length);

排序

var arr = [1,8,5,4,7];//通过下标取值和赋值
arr.sort();
console.log(arr);

倒序

var arr = [1,8,5,4,7];//通过下标取值和赋值
arr.sort();
arr.reverse();
console.log(arr);

拼接

var arr = [1,8,5,4,7];//通过下标取值和赋值
arr.concat(999,888);
console.log(arr);

2.3对象

var Person = {
    name :"kele",
    age : 3,
    score : "good"
}
console.log(Person);

对象赋值

var Person = {
    name :"kele",
    age : 3,
    score : "good"
}
Person.name="张三";
console.log(Person);

2.4 流程控制 if()else while()等

if流程控制

if(false){
console.log(1);
}else{
    console.log(2);
}

while循环

var count = 0;
while(count<5){
    count=count+1;
    console.log(count)
}

var count = 0;
do {
    count = count + 1;
    console.log(count)
} while (console < 5)

for循环

for(var i = 0 ; i < 3 ; i++){
    console.log(i)
}

var arr = [1,2,3,4]
for(var i in arr){
    console.log(i);
}

3.函数

3.1基本定义

function abs(x){
    if(x>=0){
        return x;
    }else{
        return -x;
    }
}

var abs = function(x){
    if(x>=0){
        return x;
    }else{
        return -x;
    }
}

函数写在对象里就是方法
变量的作用域是函数内部，全部变量定义在函数外部即可。

4 内部对象

4.1 日期函数 date

var now = new Date();//Tue Nov 10 2020 17:49:16 GMT+0800 (中国标准时间)

now.getMonth()//月份0-11
now.getDate()//日期
now.getDay()//星期几
now.getHours()//时
now.getMinutes()//分
now.getSeconds()//秒
now.getTime()//时间戳  1970年1月1号0：00到现在的毫秒数

console.log(new Date(1605002232224));//时间戳转时间

4.2 json的转换方法

var person = {
    name: "ss",
    age: 8
}
// 对象转字符串
var jsonUser = JSON.stringify(person);
console.log(jsonUser);
// 字符串转对象
var obj = JSON.parse(jsonUser);
console.log(obj);

4.3 Ajax

5.操作DOM对象

5.1 基本操作

html代码

<div id="id1">
    <p >hello</p>
</div>

js代码

var div = document.getElementsByTagName('div');
var iddiv = document.getElementById('id1');
var cldiv = document.getElementsByClassName('class1');

div.innerText='123'  //修改文本的值
div.getInnerHTML='123' //可以解析html文本标签

div.style.color = 'red' //更改颜色 //属性使用 字符串 包裹
div.style.fontSize = '20px' // - 转 驼峰命名
div.style.padding = '2em'