ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript

2022-05-22 22:35:44  阅读:234  来源: 互联网

标签:cn img cdn JavaScript 1099044 avatar png


一、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)

标签:cn,img,cdn,JavaScript,1099044,avatar,png
来源: https://www.cnblogs.com/321YXX/p/16299302.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有