【JavaScript】简单易学、快速入门、包看包会！-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_74187147/article/details/138158572

javaScript

js基本概念：

概念：javascript是一种运行在浏览器的脚本语言，简称js

js的作用主要体现在下列三个方面：


1、在客户端继续表单数据验证，保证提交到服务器的数据是有效合法的

2、通过js可以实现一些网页特效

3、通过js可以发送ajax请求

没有js以前：

有了js以后：

在这里插入图片描述

js在哪编写：

js本身可以出现在网页中的任何位置，但一般根据需求，主要在两个地方

1、如果需要先执行js，就一般写在<head>中用<script>标记包含
        <head>
            <script>
                alert("弹出消息...")
            </script>
        </head>

2、如果需要先加载页面，再执行js，那么就把js写在body的尾部
		<body>
            <script>
                alert("弹出消息...")
            </script>
		</body>

js的分类：

1、行内js

/*行内js代码写在标签内部，它的功能仅对当前标签有效*/

<input type="button" value="anniu" onclick="alert("ok")">

2、内部js

/*内部js写在网页<head>标签中，对当前页面的所有标签都有效*/
<script>
    funtion show(){
   //函数，相当于方法
        alert("消息框")
    }
</script>

<input type="button" value="anniu" onclick="show()">

3、引入js

/*将js写在一个单独的js文件中，对所有引入js文件的网页都有效*/

js文件-----------------------------------------*------
    funtion show(){
   //函数，相当于方法
        alert("消息框")
    }
-----------------------------------------------------

引入js： <script src="script.js"></script>

调用js：<input type="button" value="anniu" onclick="show()">

js的语法：

1、常用方法：


alert("heelo")-------------------------------弹出消息框

console.log("内容")--------------------------控制台输出语句

document.write("内容")----------------------将内容输出打印在浏览器中

在这里插入图片描述

2、在js中定义变量：

推荐使用let声明变量

1、val
2、let
3、const
-----------------------------------------------------------
1、js中定义变量时，没有数据类型，统一用val声明，在赋值时才确定数据类型
2、js中变量在复制以后可以改变变量数据类型
3、let与val的用法一样,但let的语法更为严谨
4、const声明的是一个常量，必须声明时赋值，，并且值不允许改变
---声明变量val：
        val msg;/*在赋值时才能确定数据类型*/
        msg="jack";
        alert(msg);
		msg=1234;/*可以改变数据类型*/
		alert(msg)

---声明变量let：
        let msg="jack";
        alert(msg);
        msg=1234;
        alert(msg);

---声明变量const:
		const msg="1234";/*有点像java中的final*/

js中基本数据类型：

1、number--------数值类型，不论整数、小数都是number类型

2、string--------字符串类型，不区分单双引号

3、boolean-------布尔类型

4、null----------空类型

5、undefined-----如果变量定义以后没有初始化就是这种类型

/*所有数据类型都是小写*/
Math.ceil(25.5);//26----------------向上取整


模板类型
let name="刘文君";

let str=`我叫${
     name},来自中国`;

模板里面可以直接插入要拼接的字符串，简化了用 + 号

js函数：

typeof---------------判断当前数据类型
	 let s=123;
	 let msg=typeof(变量);

js运算符：

1、赋值运算符			 =
2、比较运算符			> >= < >= == === !=
	==：它在比较时，如果检测到两个数据类型一致，会先转换类型再比较
	===：它在比较时，如果检测到两个数据类型不一致，直接返回fasle，不会转换
3、算数运算符			+ - * % /
	%:
4、一元运算符			++ --
5、逻辑运算符			|| &&
6、二元运算符			表达式?结果1:结果2


表达式的用法，几乎与java中一模一样，只有一些小区别：

区别1：js中比较两个字符串的值直接用==比较
区别2：js中两个整数相处(5/2=2.5)结果是一个小数，它可以等到小数类型结果

js循环结结构：

1、while
2、for
3、do...while

用法跟语法与java中一模一样，只是声明变量时，需要用val或let声明

js逻辑判断结构：

1、if
2、if...else
3、if...elseif...else
4、嵌套if
5、switch
用法跟语法与java中一模一样，只是声明变量时，需要用val或let声明

js中的对象：

1、数组对象

作用：用于存储一组数据（即使类型不同也可以存储)

1、数组的创建

/*先声明数组再赋值*/
    let arrs =new Array();-----声明数组，不用声明数组长度

    arrs[0]=123;----