JS基础复习（自我总结01）

首先介绍一下JavaScript书写位置

• 他有两种书写的方式第一种呢是内嵌式写法

在html页面内部设置

<script>
    function (){
        console.log('在这里输入CS')
    }
</script>

//该标签可以放到 head 标签中或者 body 标签中

• 第二种是外联式的写法

外联是也是最推荐使用的一中方法

//1. 第一步新建js文件
//2. 第二步通过script标签引用到当前页面中


<script src='vue.js'>
    ......
</script>
<script src='vue1.js'>
    ......
</script>
<script src='vue2.js'>
    ......
</script>

//1. 不能将代码写到外联式标签中
//2. 一个网页可以同时调用多个外部js文件

• 行内写法一一般不推荐使用

☞  将js代码写到标签内部
<div onclick="js代码"></div>

注意：
	 onclick 是一个点击事件： 当点击div的时候，会触发该事件，执行该事件中的代码

• 在JavaScript中输入消息的方式

<script>

alert("好好学习，天天敲代码")  //弹出框

document.write('<h1>我是一大标签</h1>')  //在网页中输出的信息

prompt('请输入你的姓名'，'你为什么学习js')  //接受用户输入的消息框

confirm('准备好了吗')  //确认框

console.log('我在控制条显示')  //在控制台中输出消息

</script>

/*总结： 1. 在js中如果希望输出一个具体的文本信息，必须带引号
        2.  在使用document.write()的时候，可以在方法内输出html标签，要加引号
*/
            

• 数据类型

数据类型分为简单数据类型跟复杂数据类型，

简单数据类型分为： number ， string ， boolean ， null ， undefined

复杂数据： object ， array 

 

接下来做一个小小的测试

 1. 让用户输入一个三位数【整数】，使用代码分别获取到这个三位数字百位，十位，个位上的数字。
  	 例如：
  	 	用户输入： 456， 最后在浏览中分别弹出 4,5,6
  	 	
 2. 用户任意输入一个三位数，求这个三位数字百位，十位，个位之和。

 

 

在这里说一下上面小测试

<script>

    var f = 123;
    
    //这个数百位数
    f1 = parseInt( f / 100); // 123 % 100 = 1.23取整数 1
    console.log( f1 );  // 1

    //这个数的十位数
    f2 = parseInt( ( f % 100 ) /10) // 余数除10取整 2
    console.log( f2 );  // 2

    //这个数的个位数
    f3 = parsrInt( f % 10)    // 取余数 3
    console.log( f3 ); // 3


</script>

/*
    方法如上所示

    取出百位：parseInt(num/100)

    取出十位：parseInt((num%100)/10)

    取出个位：parseInt(num%10)

    / 除运算

    %模运算 也就是取余数
*/