JavaScript

1，JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

2，基本用法

js的基本用法

2.1，行内js

<button onclick="alert('hello World');">按钮</button>

2.2，内部js

<script type="text/javascript">// alert("这是一个按钮")</script>

2.3，外部js

<script src="js/1.js" type="text/javascript" charset="UTF-8"></script>

3，变量

3.1变量的名称

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

3.2声明变量

在 JavaScript 中创建变量通常称为"声明"变量。

我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）。

如需向变量赋值，可使用等号：

carname="Volvo";

也可以在声明变量时对其赋值：

var carname="Volvo";

3.3注意点

1, 只声明不赋值，变量值undefined（只提醒，代码继续运行）

var c;
console.log(c);

2, 没定义直接使用（会报错）

3, 一var可多声明变量 var aa，bb，cc=10；（a，b值为undefined，c为10）

var aa,bb,cc=10;
console.log(aa);//undefined
console.log(bb);//undefined
console.log(cc);//10

4. 重新声明已存在变量是无效的

5, 重新声明已存在变量并赋值会覆盖原有值

6, js是动态、弱类型语言，类型不用定义

4，数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

4.1、undefined

（1）声明变量但未赋值值

（2）调用函数，有形参但未传递实参

（3）函数无返回值，默认undefined

4.2null

null类型只事一个值的数据类型，即特殊的值null，它表示空值。

注意：

（1）使用typeof操作符测试null返回object

（2）undefined与null，它们等值比较为真，未初始化的变量与赋值为null的变量相等

4.3布尔型

布尔类型有两个值: true false

4.4整值型

包含整型与浮点型，最好不用浮点型进行判断，另1.0将自动转换成1。

4.5字符串

字符串是存储字符（比如 "Bill Gates"）的变量。

字符串可以是引号中的任意文本。可以使用单引号或双引号。

5，类型转换

5.1自动类型转换

1.转字符串:加引号
2.转布尔型:有值为true，无值为false
3.转数值型:空值是0,有数值能转换,无数值转换为NaN

5.2函数转换

parseInt()：（转整数型）

在转换之前，首先会分析该字符串，判断位置为o处的字符，判断它是否是个有效数字，如果不是，则直接返回NaN，不再继续，如果是则继续，直到找到非字符。

parseFloat()：（转浮点型）

该方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成数字。

<script type="text/javascript">
console.log(parseInt("123abc"));//123
console.log(parseInt("abc123"));//NaN
console.log(parseInt("123.4abc"));//123
console.log(parseInt("123"));//123
console.log(parseFloat("123abc"));//123
console.log(parseFloat("abc123"));//NaN
console.log(parseFloat("123.4abc"));//123.4
console.log(parseFloat("123"));//123
console.log(parseFloat("123.4.5"));//123.4
</script>

5.3显示转换

1,toString（转字符串），toFixed（指定位数，四舍五入）。

注意：值不能为null

2,构造方法

用于强制转换其他类型的数据。

6,学习资料

b站学习视频https://www.bilibili.com/video/BV1sf4y1k7dr?p=13 文字版资料https://www.runoob.com/js/js-tutorial.html

网页前端第五次培训（JS的一些基本使用)相关推荐

网页前端第五次培训JavaScript
1.基本语法 2.数据类型 3.数据类型转换
前端第五次培训（JS语法）
变量(重点) 基本数据类型 1.数值类型(number) 2.字符串类型(string) 3.布尔类型(boolean) 4.null类型(null) 5.undefined类型(undefined) ...
网页前端第七次培训任务
1,JS 对象定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的(如:) var person = {firstName:"John",lastName:&quo ...
网页前端第八次培训笔记
1.学习资料 [优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 2.表单的获取以及下拉框 <!DOCTYPE ...
HTML期末大作业 ~ 马尔代夫旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计...
HTML期末大作业 ~ 大学生旅游官网网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~ 临近期末, 你还在为HTML网页设 ...
webstorm打开网页_网页前端之HTML+CSS+JS
古柏高枝银杏实,几千年物到而今. 玉纤雪腕白相照,烂银壳破玻璃明. 银杏(学名:Ginkgo biloba),落叶乔木,树冠圆锥形,枝轮生,叶互生,在长枝上散生,二歧状分叉叶脉,果具长梗,下垂,倒卵圆 ...
网页前端培训（HTML）
1.安装编译器网址:HBuilderX-高效极客技巧选择windows标准版 2. HTML基础学习网址: 1.HTML 基础 | 菜鸟教程 2.[优极限] HTML+CSS+JavaScrip ...
物联网技术部培训——网页前端之HTML
物联网技术部培训--网页前端之HTML 此博文用Markdown所写,会自动将标签转换成HTML,故以下有关标签都以代码块表示网页物联网技术部培训--网页前端之HTML 1. 什么是网页 1.1 ...
web前端网页设计作业_如何学习网页前端设计培训？
学习网页的前端设计分为几个步骤或者说几个网页设计教程大类. 一个是熟练掌握各种网页设计需要的操作软件,然后就是WEB界面设计与项目设计,最后还有WEB整站设计实训. 如何学习网页的前端设计呢? 许多零 ...
网页前端培训笔记（HTML标签）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili HTML 教程 | 菜鸟教程 (runoob.com) ...

网页前端第五次培训（JS的一些基本使用)