2021-10-10

js的书写位置

 

1.1行内式：将js代码加入标签内

如：<button οnclick="alert('爱你么么哒')">点我</button>

1.2内嵌式：在html里面加入<script></script>标签，最好将该标签加在结束语前面

1.3外链式

在该文件夹新建一个以js的文件，然后在该文件中写入js代码。在html中用link关联。

js的注释

单行注释：类似于html和css的注释方法一样 用ctrl+/

多行注释：在要注释的区域最前面加入/*，结尾再加上*/      如：/*里面为所写如的代码*/

 /* 2. 多行注释  默认的快捷键 shift +  alt  + a

           2. 多行注释  vscode 中修改多行注释的快捷键：  ctrl + shift + /

        */

js的输出语句

1.1输出语句

prompt（加入所写的内容）输出语句就是在浏览器上方弹出一个输入的对话框

 // 输入语句
prompt('请输入您的年龄')

1.2输出语句

 // 输出语句

alert('我是弹出来的')

console.log('我是控制台输出的');

 //document 文档  write：写入

document.write('输出内容')

document.write('<h1>标题标签</h1>')

js变量（重要）

变量概念

大白话：变量就是用来装东西的盒子。

通俗：变量是用于存放数据的容器。可以通过变量获取数据，也可以修改数据。

本质：变量是程序在内存中申请的一块用来存放数据的空间

var age //为声明变量

age = 18 //变量赋值

第二种为同时变量和赋值

var age = 18（大众写法）

创造变量一定要加 var关键字（很重要，不加或写别的会报错）

弹出用户名案例：

<script>

var myname =prompt('请输入名字')

alert(myname)

</script>

变量命名规范（很重要）

报错

如果某一行出现报错那么它的下一行不在执行代码指令

如何查询代码出错在浏览器中F12检查在导航栏点击console

如图

数据类型(重要)

车在现实生活都有分类，货车，客车。

数据：有数字，有中文等等。方便JS语言对其进行管理。

但是JS是一门弱类型的脚本语言。

弱类型：在声明变量的时候不需要先规定这个变量的类型是什么，但是我们JS的变量也是有类型，只不过它的类型是由变量的值来决定的。

强类型：在声明变量的时候一定要先规定这个变量的是什么类型 学习成本要高一些

强类型的语言它的效率高，弱类型的语言它的效率低。JS的内置的解析器它要判断我们声明的变量是什么类型

JS 把数据类型分为两类：

• 简单数据类型 （Number,String,Boolean,Undefined,Null）

• 复杂数据类型 （object)

基本数据类型：一个变量只能保存一个值

复杂数据类型：一个变量可以保存多个值

基本数据类型：Number、String 、Boolean、undefined、null

数字型Number 

变量中包含数字、NaN

数字类型中有最大值和最小值

alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324

 数字的三个特殊值

 alert(Infinity); // Infinity
alert(-Infinity); // -Infinity
alert(NaN); // NaN

typeof：用于检查一个变量的数据类型

    // var num = 10
        var num1 = NaN
        // 检测num这个变量的类型
        var res = typeof num1
        // 输出res变量的值 
        console.log(res);

isNaN()

用来判断一个变量是否为非数字的类型，返回 true 或者 false

        var number = 10;
        console.log(isNaN(number)); // false
        var number1 = "三国演义";
        console.log(isNaN(number1)); // true

字符串 String

字符串型可以是引号中的任意文本，其语法为 双引号 "" 和 单引号''，但是推荐大家使用单引号。

只要变量的值用引号(单引号和双引号)包裹起来的那么这个变量就是字符串，不管引号里面是什么。

var str = '1234';
console.log(typeof res);// String类型

获取字符串长度

语法：变量名.length

   // 获取字符串长度 语法 str.length  
        //var str = 'javascript'
        var str = '黑马程序员'
        var len = str.length;
        console.log(len);

字符串拼接

字符串拼接使用 + 来进行拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

字符串与变量名要进行拼接的话 只能使用 +

如果 + 号有一边是字符串类型的数据 那么就会执行 字符串拼接的功能

如果 + 号两边都是number类型的数据就是执行 加法运算

// 字符串拼接
        console.log('关公' + '舞大刀'); //'关公舞大刀'
        // + 号两边都是number类型的数据就是执行 加法运算
        console.log(12 + 13); // 25 
        // + 号有一边是字符串类型的数据 那么就会执行 字符串拼接的功能
        console.log('12' + 13); // '1213'

+ 号总结口诀：数值相加 ，字符相连