JS的三种引入方式
行内的JS
页面内嵌的JS:位置在body中
<script></script>
外联:<script src=></script>
对话框:
<script>
//警示框
alert("输入的内容")
//输入框
prompt("请输入姓名")
//控制台打印
console.log("111")
//页面打印
document.write("输入内容")
</script>
关键字:
<script>
//单行注释
/**
*多
* 行
* 注释
*
*
*/
</script>
<script>
//变量:程序运行时存储数据的容器
prompt("请输入密码")
//声明变量
//var 变量名 现在不用了
let 变量名
</script>
存储数据:两种方式例子
1<script>
let hei
hei = prompt("请输入密码")
alert(hei)
</script>
2<script>
let hei = prompt("请输入密码")
alert(hei)
</script>
数据输入和收集打印例子
let usename =prompt("请输入姓名")
let pwd =prompt("请输入密码")
document.write(`用户名是:${usename},密码是:${pwd}`)
变量名的命名规范:
只能由有效符号构成(大小写的字母,数字,下划线,)
不能以数字开头
不能使用关键字和保留字
变量名最好有意义
尽量使用小驼峰命名法,下划线分割法也许
类的名称采用大驼峰命名法
const后是常量,无法更改。
数据类型
内置的基本的类型:
1数字类型 int float(浮点型)
let a = 123
数据的类型
console.log(typeof(a))
字符串类型 string 被单引号或双引号括起来的字符序列
let str = ”dacongming“
注:变量本身不存在数据类型,变量值的数据类型是什么,变量的数据类型就是什么。
模板字符串
let username = prompt(请输入用户名)
let str = `<h1>我是模板字符串</h1>`
document.write(`<input type="text">
<h1>用户名是:${username}</h1>`)
数据类型转换:
//显示转换
//一,转换为数字类型
let pwd = prompt("请输入密码")
//1,Number
document.write(typeof(Number(pwd)))
//2,parseInt()/parseFloat() parseInt尽可能的将数据转换成整型
document.write(parseInt("300px"))
parseFloat将数据转换成浮点型
Document.write(parseFloat("3.122332"))
//3+
console.log(typeof(+undefined))
//4,tofixed()去小数点后两位
let num = 3.1415926
console.log(num.toFixed)
算数运算符:
<script>
console.log(2+4)
console.log(2-4)
console.log(2*4)
console.log(4/2)
//求余
console.log(5%2)
//求幂
console.log(2**4)
</script>
比较运算符:
console.log(4>2)
console.log(4<2)
//=:赋值运算符,
console.log(4==2)
console.log(4>=2)
console.log(4<=2)
console.log(4!=2)
// ==:存在隐式转换
console.log("2"==2)
赋值运算符
let a = 12
console.log(a)
a += 12
console.log(a)
a -=2
console.log(a)
a *=2
console.log(a)
a /=2
console.log(a)
自增自减
let a = 12
//赋值运算符的优先级大于后加加,因此先进行赋值,在进行自增
//赋值运算符的优先级小于前加加,因此先进行自增,在进行赋值
let b = a++/++a
console.log(b)
//答案等于12/13
let c = a--/--a
console.log(c)
//答案等于12/11
逻辑运算符
&&两真则真,一假则假
console.log(2<3 && 3<2)
||一真则真,两假才假
console.log(2<3 || 3<2)
!就是假
console.log(!(2<3))
单分支
例子
<script>
//单分支
/**
* if(条件){
* 条件成立是执行的代码
* }
*/
let age = +prompt("请输入您的年龄")
if (age >= 18){
console.log("成年了")}
</script>
例子
<script>
let name= prompt("请输入您的用户名:")
let pwd= prompt("请输入您的密码:")
if (name=="admin" && pwd=="123456"){
console.log("登录成功!!")
}
双分支:
<script>
/**
* if(条件){
* 条件成立时的代码
* }else{
* 条件不成立时执行的代码
* }
*/
</script>
例子
<script>
let age = +prompt("请输入年份:")
if(age%4==0&&age%100!=0 || age%400==0){
console.log("是闰年")
}else{
console.log("是平年")
}
</script>
三元运算符:
//条件?条件成立时的代码:条件不成立时的代码
例子(数字补零)
let shuzi = prompt("请输入一个数字")
shuzi = shuzi < 10 ? 0 + shuzi : shuzi
alert(shuzi)