<button onclick="window.alert('坤哥')">点我就告诉你黑马谁最帅</button>
<script >alert("这是JS内联样式")</script >
<script src="./01-JS外联写法.js"></script>
// 注释内容
:单行注释:注释内容只能是一行,适用于注释内容较少/* 注释内容 */
:多行注释:注释内容可以是多行,适用于注释内容较多,比如一行写不下<script>
//第一句话:弹出一个提示框,通常用于提示用户,也可以用于调试
alert("hello world");
//第二句话:打印某个数据的值,查看数据是否成功
//这个写法不是给用户看的,而是给程序员自己调试看的
console.log("欢迎大家来到黑马程序员");
//第三句话:弹出一个输入框,可以用来输入数据
prompt("深圳的前端平均薪资是多少呀?");
//第四句话:弹出一个确认框,默认会有确定和取消按钮用于提示用户再次确认
confirm("你确定要来深圳校区找我吗?");
//第五句话:可以给body加内容
//用的非常少,因为可能会把body原来的内容替换掉
document.write("i love you?");
</script>
1.计算机将存储在硬盘中的html文件读取到内存中
2.浏览器内核编译器开始编译代码(cpu只能处理二进制数据,需要将我们写的代码转成二进制)
3.CPU处理与计算
4.CPU将我们代码在运行时产生的数据保存到内存中
/*
1.js代码报错原因
(1) 编译器做两件事 : 识别语法,处理(存储与计算)数据
(2) 报错的原因只有两个 :
a. 语法不识别 : SyntaxErro
b. 数据不识别 : ReferenceErro
(3) 一旦代码报错,程序终止运行,后面的代码都不会解析。
2.直接量 : 可以直接使用的数据 (能够被编译器识别的数据)
* 哪些数据可以被识别 : 必须要符合js的数据类型
3.数据类型 : js代码在运行时会产生不同的数据,不同的数据存储与处理方式不一样,
所以要对数据进行分类,称之为数据类型。
* JS数据类型一起有7种,分为两大类
a. 基本数据类型(5种)
b. 复杂数据类型(2种)
4.基本数据类型 :
(1) 字符串类型(String) : 一切以单引号'' 或 双引号"" 引起来的内容
* 作用:用于展示文本
(2) 数值类型(Number) : 一切数学中的数字
* 作用: 用于数学计算
(3) 布尔类型(Boolean) : 只有两个值 true(真) false(假)
* 作用: 用于表示事物对立面 (条件成立 / 条件不成立)
小技巧 : 谷歌控制台, 字符串会显示黑色 , 数字和布尔会显示蓝色
(3) Undefined : 只有一个值undefined,在使用var 声明变量但未对其初始化时,这个变量就为undefined
(3) Null :只有一个值null,从逻辑角度来看,null值表示一个空对象指针,
而这也正是使用typeof操作符检测null值时会返回“Object”的原因
5. 检测数据类型
(1)语法
a. typeof 数据
b. typeof (数据)
(2)结果 : 得到该数据所属类型的字符串
typeof ('123') -> 'string'
typeof (123) -> 'number'
typeof (true) -> 'boolean'
*/
两个
3.数据类型
:软件在运行时,会产生数据,数据有很多种,不同的数据CPU的处理方式不同 所以需要对数据进行分类,不同的数据对应不同的类型4.直接量(字面量)
:只要是符合数据类型的数据都叫做直接量"张三"
,'abc'
10
0.1
true
、false
typeof 数据
或者 typeof (数据)
string
number
boolean
var 变量名
变量名 = 值
规则
:必须要遵守,否则会报错规范
:程序员们在遵守规则时养成的一种习惯运算符只是一种运算的符号,由运算符参与的式子称之为表达式
表达式一定会得到一个运算的结果:要么直接打印这个结果(直接量),要么用变量保存
复合算术运算符是算术运算符的一种简写形式
num += 5
只是 num = num + 5
的简写形式,他们之间完全等价+=
: 在自身值的基础上再加多少-=
:在自身值的基础上减多少*=
: 在自身值的基础上乘多少/=
: 在自身值的基础上除多少%=
:在自身值的基础上模多少<script>
/**
1. Math作用 : 高级数学计算
2. 常用
a. Math.ceil(数字) :向上取整
b. Math.floor(数字) :向下取整
c. Math.max(数字1,数字2,...) :求最大值
d. Math.min(数字1,数字2,...) :求最小值
e. Math.random() :返回 (0,1) 之间的小数
*/
//1.圆周率
var pi = Math.PI;
console.log ( pi );//3.1415926.....
//2.绝对值:一个数字与坐标原点的距离
console.log ( Math.abs ( - 2 ) )//2
//3.天花板函数:向上取整
console.log ( Math.ceil ( 10 ) );//整数得到自身
console.log ( Math.ceil ( 10.1 ) );//11,小数则向上取整
console.log ( Math.ceil ( -10.1 ) );//-10
//4.地板函数: 向下取整
console.log ( Math.floor( 8 ) );//8 整数得到自身
console.log ( Math.floor ( 7.9 ) );//7,小数则向下取整
console.log ( Math.floor ( -7.9 ) );//-8
//5.四舍五入取整
console.log ( Math.round ( 4.5 ) )//5
console.log ( Math.round ( 3.3 ) )//3
console.log ( Math.round ( - 9.9 ) )//-10
//6.求最大值。 数值数量不限使用逗号分割
console.log ( Math.max ( 50, 99, 888, 123 ) )//888
//7.求最小值。 数值数量不限使用逗号分割
console.log ( Math.min ( 50, 99, 888, 123 ) )//50
//8.生成一个随机数 范围 0 - 1 之间的小数
console.log ( Math.random () );
//如果想得到0-100之间的整数 可以乘以一百然后向下取整即可
console.log ( Math.floor ( Math.random () * 100 ) );
//求随机整数范围的公式
Math.floor(Math.random() * (max - min + 1)) + min
//9.幂运算 Math.pow(x,y) 返回x的y次幂
console.log ( Math.pow ( 2, 8 ) );//256 2的八次方
</script>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。