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)
/ 除运算
%模运算 也就是取余数
*/
上一篇: ping命令详解
下一篇: Javascript基础