JS初级入门两天学

最新推荐文章于 2024-10-23 18:53:59 发布

02广媳

最新推荐文章于 2024-10-23 18:53:59 发布

阅读量118

点赞数

分类专栏：小白入行文章标签： javascript

本文链接：https://blog.csdn.net/qq_45120080/article/details/112849628

版权

小白入行专栏收录该内容

18 篇文章 0 订阅

订阅专栏

JS初级入门两天学

前言

前言

当今的it行业流行的计算机编程语言有很多，比如：Java，Python，PHP、C、C#、.net。种类繁多，那这些语言可以用来编写网页么？答案虽然是可以，但是最佳的编程语言还是我们今天的主角——JS（JavaScript）

编程语言的分类

编程型语言：
特点：通篇编译后生成编译文件，程序执行编译后的文件。代表：C 、C++
解释型语言：
特点: 读取一行翻译一行，不生成特定文件。代表： JS 、PHP 、Python

JavaScript

运行在浏览器的脚本语言 （脚本语言：不需要编译，运行过程中由JS解释器（js引擎）运行来解释并运行。
//单线程：同一时间只能干一件事。

JS的导入方式

在我们前端的学习中，css（层叠样式表）的引入有三种：行内、外部文件链接、内部添加<style>标签
那么JS的导入是不是也一样呢？其实JS的导入是大同小异的，JS的导入也有：行内JS、外部JS文件链接、内部添加<script>标签三种。不过JS的导入还有比较独特的一种——外部模块导入。总结这些方式和举例如下：
1.行内JS

<div onclick="">此处为行内js举例的“点击事件”</div>

2.添加一个<script>标签，在<script>标签中编写JS。

 <script>
    此处填写JS
</script>

3.引入外部JS文件，在<script>标签中添加一个“src”属性，“src”属性后填写JS外部js文件的路径

  <script src="此处为外部引用的js文件路径"></script>

页面弹框

页面弹框(alert（""）)：打开浏览器时弹出的提示框。
语法为：

alert("此行即为页面弹框JS代码，且此处为提示文字内容")
// 以上是页面页面弹框举例

实例如图：
alert

取消&确认弹框

取消&确认弹框（confirm（""））：打开浏览器时弹出的提示框，有两个可选项，点击确认或者取消可结束弹框。
语法为：

 confirm("此行为取消&确认弹框js代码，且此出为提示文字");
        // 以上即为确认&取消弹框举例

实例如图：
confirm

输入（确认&取消）弹框

输入（确认&取消）弹框 (prompt（""）):打开浏览器时弹出的提示框，有两个可选项，可以在输入框内输入，点击确认或者取消可结束弹框。
语法为：

prompt("此行为输入（确认&取消）弹框js代码，且此出为提示文字")
        // 以上即是输入（确认&取消）弹框举例

实例如图：
prompt

页面输出

页面输出（document.write（""））：在页面输出内容的一种方式。
语法为：

 document.write("此行为页面输出js代码，且此出为输出内容。")
    // 以上即为页面输出举例

实例如图：

document.write

控制台输出

控制台输出（console.log（""））：控制台输出的一种方式。
语法为：

 console.log("此行为控制台输出js代码，且此出为输出内容")
 // 以上即是控制台输出举例

实例如图：
console.log

数据类型

原始值数据类型

            Number  String  Boolean  Undefined  null
             数字    字符串    布尔     未定义     空（历史遗留问题）
            //Number 例如：1 、12 、123
            // 字符串 例如： “字符串” 、 “abc" 、 "ABC"
            // Boolean 例如： true 、 false
            // Undefined 例如： a

isNaN 方法

isNaN 方法：判断一个变量是否为一个“非数字”数据面
实例如：

// isNaN 方法：判断一个变量是否为一个“非数字”数据面
 alert(isNaN("a"));
// 以上未给a赋予任何值，即为一个非数字面，所以会输出true;
 alert(isNaN(123));
// 以上isNaN方法中为数字123,即不为非数字面，所以会输出false;

实例结果图为：
true
false

typeof 方法

typeof 方法：用于检测数据的类型
语法例子为：

alert(typeof(a));
 // 以上a未赋值，即弹框提示为Undefined类型;
 alert(typeof(123));
 // 以上typeof方法中为数字，即弹框提示为Number类型
 // ！！！引号内为纯数字时，数据监测为Number（数字）类型;

转义字符

JS中常用的转义字符有：
“ \n 换行 ” 、“ \ 表示’’” 、 “ \t 字标符 ” 、 “ \b 空格 ” */

console.log("此出加有换\n行符,此出加有反斜杠\\,此处加有\t制表符，此处加有空\b格。")

强制转换为数字类型

1.Number() 用法： Number(变量名)
2.parseInt() 用法：parseInt(变量名) 转换为整数类型
3.parseFolat() 用法：parseFolat(变量名) 转换为浮点型
实例语法为

 var a = true;
 var b = "1.21";
 console.log(Number(a));
// 此出为把boolean型的a转换为数字类型，结果为控制台输出1;
console.log(parseInt(b));
 // 此出为把字符类型的b转换为整数类型，结果为控制台输出1;
console.log(parseFloat(b));
 //此出为把字符类型的b转换为浮点类的数字类型，结果为控制台输出1.21;

实例结果：
Number