一、1、HTML:超文本标记语言——专门编写网页内容的语言。
2、CSS:层叠样式表——专门编写网页样式的语言。
3、JavaScript:专门为网页添加交互行为的语言。
二、在HTML页面中插入JavaScript脚本,通过script标记来实现
script标记可以放在head结构内,也可以放在body结构内
使用script标记插入JavaScript脚本,有两种方式:
使用script标记插入内部脚本块
使用script标记链接外部脚本文件
三、JavaScript 能做什么
1、客户端数据验证
2、客户端数据计算
3、客户端动画效果
四、使用script标记
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd41862874da07518b.png)
“`JS
添加h1标签
document.write(” <h1>11</h1> “)
“`JS
“`
五、使用script链接外部脚本文件
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd41862874ef79f725.png)
六、 JavaScript输出
1、向网页中输出:document.write();
2、弹出提示框:alert();
3、在控制台输出:console.log();
七、在网页中陆续弹出三个提示框
“`
document.getElementsByTagName(“button”)[0].onclick=function(){
alert(‘清理成功1’) ; alert(‘清理成功2’) ; alert(‘清理成功3’);}
“`
八、变量的赋值
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd418628752831c356.png)
九、常量,的值不能改变,常量名全大写——const
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd4186287532fecbd4.png)
十、数据类型: number类型、 string类型、 boolean类型、 undefined 和 null
undefined——表示“不存在该数据”变量声明后从未赋值,或者对象的属性不存在
null——表示“没有数据”
十一、数据类型转换
1、查看当前数据的类型:typeof(data)
2、隐式数据类型转换
①、数字+字符串:数字转换为字符串
②、数字 + 布尔值:true转换为1,false转换为0
③、字符串 + 布尔值:布尔值转换为字符串true或false
④、布尔值 + 布尔值:布尔值转换为数值1或0
3、数据类型转换函数——转为number类型:
①、Number(x),可将纯数字组成的字符串或boolean值,转换为number
②、parseInt(str),将string类型的数据转化为number,去掉小数部分,下取整
③、parseFloat(str),将string类型的数据转化为number,保留小数部分。
parseInt()和parseFloat()要求数字字符开头,可去掉数字后面的非数字字符
如果转换不了数字,则结果为NaN,NaN参与任何算数计算,结果依然是NaN
4、数据类型转换函数——转为string类型:
String(x),将任意内容转为字符串
x.toString(),将任意内容,转为字符串,除null和undefined之外
5、数据类型转换函数——转为boolean类型:
Boolean(x),将任意类型的值转换为boolean类型 true/false
规律:只有5个值会被转为false:
0 “” null undefined NaN
其余的值,都会转为true
十二、课堂练习
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd418628755b4ca706.png)
“`
一、
var userIpt=prompt(“请输入工资金额”)
// console.log(userIpt)
userIpt=parseFloat(userIpt)
userIpt+=1000
alert(userIpt)
二、
alert(parseFloat(prompt(“输入工资金额”))+1000+’元’)
“`
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd41862875770a4901.png)
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd418628757cb23e39.png)
![image.png](https://img.cdn.apipost.cn/client/user/1099044/avatar/78805a221a988e79ef3f42d7c5bfd418628757ec87681.png)
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/272054.html