欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS基础复习(自我总结01)

程序员文章站 2022-03-04 22:17:34
...

首先介绍一下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)

    / 除运算

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

 

相关标签: JS基础

上一篇: ping命令详解

下一篇: Javascript基础