js基础 小白学习 day1

js基础

代码的书写位置

1. 行内式

• a标签

< a href=“javascript:alert(‘弹出’)；”>点击

alert: 弹窗 （）里若加纯数字直接输入 中文 加‘’或"" 单双引号不能混用 嵌套也是成对 如 ‘ “ ” ’ or “ ‘ ’ ”

• 非a标签

添加行为属性

如 onclick 点击时状态 后面可以不用加javascript

<div onclick="alert(666)">   点击  </div>

2. 内嵌式

   可以写在body结尾 也可以写在heade里面
   自动执行

若有多个内嵌式则从上到下顺序执行

3. 外链式

相对地址  ../../../   以自身文件为初始点向下或向上一层层寻找
绝度地址   直接找到文件按住shift 右键 复制文件路径  

​ 自动执行

js的三种输出方式

1. alert(‘跳’); 弹出窗口

2. console.log(‘打印’);//控制台打印

3. document.write(‘显示’); //在网页显示

<script>
    
alert(666);

console.log(666);

document.write(666);
    
</script>

js注释

// 单行注释 快捷方式 ctrl+/

/* */ 段落注释

变量

var 定义一个变量

var x;

x=200;

//或者

var x=200;

//定义一个变量x  把200赋值给x

数据类型

1. number 数值类型

• 所有数字
  • nan 非数字

2. string 字符串类型

• 被单引号或双引号包括的内容

3. null

• 一个空的值

4. underfined

• 定义了 但是没有值

5. boolean 布尔类型

• true false 小写

数值类型

        // 进制   
        // 十进制   
        // 二进制  0b
        // 八进制   0o
        // 十六进制   0x


     console.log(66)  // 默认十进制  
        console.log(0o66) // 八进制 转成10进制以后输出 
        console.log(0b11111) //二进制 转成十进制以后输出
        console.log(0xabc) // 十六进制 转成十进制以后输出 

         console.log(99999e1000000) // Infinity  正无穷
         console.log(-99999e10000000) // -Infinity 负无穷
         console.log('abc'/0) // NaN  非数字

        

// 布尔类型

var text1=true;

 var text2=false;
console.log(text1);

console.log(text2);
//   true falsr 小写

// 字符串类型

console.log('hhh');

// underfined 类型 只声明 不给值

var tt;

console.log(tt);

// 空类型

var kong=null;

console.log(kong);

[外链图片转存中…(img-jNJaU4g2-1660567557140)]

1. 一个变量名只能存储一个值
2. 当再次给一个变量赋值的时候，前面一次的值就没有了
3. 变量名称区分大小写（JS 严格区分大小写）

var age=18;
console.log(`我今年 age 岁` )；
console.log(`我今年 ${age}岁`)；
// 用``会原样显示 括号中的内容 若想解析 age 改为${age}  就会显示我今年18岁

命名规则

1. 一个变量名称可以由 数字、字母、英文下划线（_）、美元符号（$） 组成

2. 严格区分大小写

3. 不能由数字开头

4. 不能是 保留字 或者 关键字

5. 不要出现空格

6. 建议

   变量名尽量有意义（语义化）

   遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写

   不要使用中文

   判断数据类型

   typeof 关键字

   typeof 返回的类型是string类型

   console.log(typeof (数据))/console.log(typeof 数据)

   会在控制台上显示数据类型

   // 布尔类型

   var text1=true;
   
    var text2=false;
   

   // true falsr 小写

    console.log(typeof text1);
   
   console.log(typeof text2);
   

   // 字符串类型

   console.log(typeof 'hhh');
   

   // underfined 类型 只声明 不给值

   var tt;
   
   console.log( typeof tt);
   

   // 空类型

   var kong=null;
   
   console.log( typeof kong);
   
   

   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9iZ7rXa0-1660567557141)(D:\桌面\js\md\222.jpg)]

   console.log( typeof tt);

   
   // 空类型
   
   ```js
   var kong=null;
   
   console.log( typeof kong);
   
   

   [外链图片转存中…(img-9iZ7rXa0-1660567557141)]