夜灵的JS笔记Day01——JavaScript基础

最新推荐文章于 2021-12-10 13:31:07 发布

Magic夜灵

最新推荐文章于 2021-12-10 13:31:07 发布

阅读量396

点赞数

分类专栏： JavaScript笔记

本文链接：https://blog.csdn.net/z519671318/article/details/78024589

版权

JavaScript笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.<!doctype html>

<head>

document.write("<h1>helloWorld"); //文档打印

alert("警告！")； //弹出框

console.log("打印日志"); //console 控制台 log 日志/名词作动词

</script>

</head>

</html>

2.JS的数据类型

JS的数据五种数据类型（三种常用，二种特殊）

数值：Number 由n位0-9任意数字组成

字符串：String 被引号引起来的字符

布尔值：Boolean 只有两个值：True/False

Underfined: 当空间为空时，将会出现undefined

Null：当你想要清空某个内存时，就可以在这个内存里放入一个null

引用数据类型：Object

null属于对象。

var a=123; //数值

var b="123" //字符串

var c="true" //布尔值

var d //Undefined

var e="null" //null

console.log(typeof a);

console.log(typeof b);

console.log(typeof c);

console.log(typeof d);

console.log(typeof e); //输出上面五个值的类型

</script>

console.log(typeof Ipt.value);

var num=1.2e7;

alert(num); //当数值大于10^6时，可以使用科学计数法

</script>

3.声明变量

声明变量/开辟内存空间

声明变量时必须定义变量名： var a;

当空间内没有任何数据时，JS将会在里面存放undefined

JavaScript是一门弱类型的编程语言，声明变量时不用表明数据类型。

var a,b,num = "123";

alert(num);

</script>

4.赋值操作符

赋值：改变变量的值

赋值操作符：

= += -= *= /= %=

自增、自减

var num=1;

num += 3; //等同于num=num+3；值为4

num -= 2； //2

num *= 4; //8

num /= 2; //4

num %= 3; //1

alert(num);

</script>

5.改变背景颜色

<style>

.box{width:300px;

height:300px;

border:1px solid;}

</style>

btn1.onclick = function( ){box1.style.background="blue"};

btn2.οnclick=function(){box2.style.background="red"};

btn3.οnclick=function(){box3.style.background="green"};

</script>

6.格式化数字

parseInt( ) 字符串转整数

parseFloat( ) 字符串转小数

var str = true;

console.log(parseInt(str));

</script>

7.数字增减（购物车原理）

</script>

8.关系操作符

> 大于

< 小于

>= 大于等于

<= 小于等于

== 等于

!= 不相当

=== 全等于（会比较数据类型）

!== 不全等（会比较数据类型）

<style>

alert(1==="2"); //会输出ture/false

</style>

9.简易计算器

//直接加法运算，会默认是两个字符串的拼接，输出为12；

//使用字符格式化，将字符串转化为数值。输出值为3

//由于减乘除不受数值或字符串类型的影响，通过*1使字符串变为数值（黑科技）

<button οnclick=alert(Ipt1.value - Ipt2.value)></button> //减法

<button οnclick=alert(Ipt1.value * Ipt2.value)></button> //乘法

<button οnclick=alert(Ipt1.value / Ipt2.value)></button> //除法减乘除不需要将字符串转化为数值

Magic夜灵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜灵的JS笔记Day01——JavaScript基础

1.document.write("helloWorld");//文档打印alert("警告！")；//弹出框console.log("打印日志");//console 控制台 log 日志/名词作动词2.JS的数据类型JS的数据五种数据类型（三种常用，二种特殊）数值：Number由n位0-9任意数字组成字符串
复制链接

扫一扫

专栏目录