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

来源：互联网发布：数据泄密如何防止拍照编辑：程序博客网时间：2024/06/05 15:14

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.onclick=function(){box2.style.background="red"};

btn3.onclick=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 onclick=alert(Ipt1.value - Ipt2.value)></button>//减法

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

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

阅读全文

0 0