学习记录——Javascript简介

最新推荐文章于 2024-06-19 14:45:15 发布

_Ezra

最新推荐文章于 2024-06-19 14:45:15 发布

阅读量40

点赞数

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/From_Ezra/article/details/131048526

版权

1.1

HTML和CSS是标记语言，Javascript是编程语言。

1. JavaScript （是什么？）

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2. 作用（做什么？）

– 网页特效 (监听用户的一些行为让网页作出对应的反馈)

– 表单验证 (针对表单数据的合法性进行判断)

– 数据交互 (获取后台的数据, 渲染到前端)

– 服务端编程 (node.js）

边看边学边记录

<button type="button" onclick="alert('欢迎!')">点我!</button>

alert() 函数：页面弹出警示框

onclick 事件

这是一个按钮框，onclick点击后弹出一个提示框，内容为“欢迎！”

1.2 JavaScript 书写位置

内部样式：在body里面，<script>alert('hello~')</script>

外部样式：首先得有一个js文件。在body里面，<script src="js文件相对路径"></script>

（script中间无需写代码，否则会被忽略！）

内联 Javascript：代码写在标签内部

<body>

<button οnclick="alert('逗你玩~~')">点击我月薪过万</button>

</body>

字符串
1.示例：

alert("hello") ; //警示框输出内容是：hello

alert("hello" + "world"); //用加号连接两个字符串警示框输出内容是：hello world

2.求字符串长度

示例：

注：console.log()：可以将变量输出到浏览器的控制台中，方便开发者调用JS代码，它是一个使用频率很高的功能。（调试功能）

console.log("hello".lenth);

//输出内容是 5

console.log("hello".charAt(0)); //输出第一个字符 h

console.log("hello,world".replace("hello,goodbye"));

//用"hello,goodbye"替代"hello,world"，输出的是 "hello,goodbye"

console.log("hello,world".toUpperCase());

// toUpperCase() 是一个方法输出内容：hello,world

3.判断

=== （判断是否相等 true or false）

&& (逻辑语判断是否为真)

true && true

true

true && false

false

false && false

false

|| （逻辑语 “或”）

true || true

true

true || false

true

false || false

false

! （逻辑语 “非”）

4.变量

①新建变量

var name = "DasAuto";

console.log(name);

②重新变量（关键词 var 用于定义变量）

var name = "DasAuto";

console.log(name);

let a = 1;

name = "Simon";

console.log(name);

a = 1 + 1;

console.log(a);

5.常量

①声明常量 const Pi = 3.14;

const Pi = 3.14;

console.log(Pi);

//浏览器console会显示 3.14

若重新定义变量

const Pi = 3.14;

console.log(Pi);

Pi = 3.141;

console.log(Pi);

会报错说它（Pi）是不能被改变的值

6.运算符

// x = x + 5;

x += 5;

// x = x + 1;

x++;

// x = x - 1;

x--;

7.字符串运算

①两个字符串相加

var x;

x = "3" + "4";

console.log(x);

输出 34

②字符串与数字相加（前面是字符串，后面是数字）

var x;

x = "3" + 4 + 5;

console.log(x);

输出 345 （如果第一个实字符串的话，后面的 4 5 会被字符串等价，数字被转换成字符串）

③数字和字符串相加（前面是数字，后面是字符串）

var x;

x = 3 + 4 + “5”;

console.log(x);

输出 75 （先算前面的后面的字符串直接带下来）

④两个等号

console.log(123 == "123"); //"123" "123"

输出 true

两个等号会进行同等类型转换（数字123会被自动转换成字符串处理）

⑤三个等号（不能进行类型转换）

console.log(123 === "123"); //将数字123和字符串123进行对比

输出 false

8.if...else条件语句

var name = "Daniel";
var age = 20;

if (name == "Simon") {
    console.log("Simon");
}   else if (name == "John") {
    console.log("John");
}   else {
    console.log("Stranger");
}

首先，定义一个变量name为Daniel，再定义一个变量age为20。然后，判断name是否为Simon，如果是的则遵循，输出：Simon；如果不是，继续判断name是否为John，如果是的则遵循，输出：John；如果不是则进行下一步，输出：Stranger。

_Ezra

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
学习记录——Javascript简介

然后，判断name是否为Simon，如果是的则遵循，输出：Simon；如果不是，继续判断name是否为John，如果是的则遵循，输出：John；注：console.log()：可以将变量输出到浏览器的控制台中，方便开发者调用JS代码，它是一个使用频率很高的功能。//用"hello,goodbye"替代"hello,world"，输出的是 "hello,goodbye"alert("hello");输出 345 （如果第一个实字符串的话，后面的 4 5 会被字符串等价，数字被转换成字符串）
复制链接

扫一扫