什么是JS
JavaScript:一门弱类型的语言,用于给HTML页面上添加动态效果与交互操作
ECMA: 相当于JS的语言标准,目前最高是ES6
如何使用JS
1.使用Script标签,一般放在head标签中
2.编写js文件,通过script标签中的src属性引入
基本语法
//行注释
/**/块注释
JavaScript并不强制要求每个语句的结尾加 ;
JavaScript严格区分大小写
JS的调用
浏览器:控制台(console)
console.log()---打印信息
console.dir()---打印一个对象的所有属性和方法
变量与数据类型
a.Number
JavaScript不区分整数和浮点数,统一用Number表示
1.NaN(not a Number)非数字
2.Infinity 无穷大
3.转换
parseInt() :String类型转换为整数
console.log(parseInt(\"1.23\"))//1
parseFloat():String类型转换为小数
console.log(parseFloat(\"1.23\"))//1.23
4.% 求余
5./除法
在所有的编程语言中 基本小数的运算都不靠谱
console.log(0.6-0.2)//0.39999.....
可以用.fixed()方法保留小数点位数
console.log((1.234).toFixed(2))//1.23
b.String
可以使用\" \"和 \' \'
使用``反引号可以创建模板字符串
c.Boolean
1.|| 或者
2.&& 并且
3.! 单目运算符
4.比较运算符
==比较 无视类型 |
---|
===比较 先比较类型,在比较值 |
5.Object
默认为null值
6.undefined
未初始化的变量
var c=true ,var c1=false |
---|
console.log(c||c1)//true |
console.log(c&&c1)//false |
console.log(!c)//false |
console.log(!!-1)//!!--将这个变量变成boolean |
什么情况下会得到false |
---|
字符串: 空字符串\"\"为false |
数字: 0为false |
null 也为 false |
undefined 未定义 也为 false |
NaN 也为 false |
js中的弹窗
1.alert 提示框
2.confirm 询问框
3.prompt 输入框
基本语句结构
1.if
举例:var d=prompt(\"请输入一个数字\")
//判断用户到底输入了没有?
if(! d){
//alert 提示框
alert(\"输入不正确\")
}
console.log(d)
2.switch
var e1=prompt(\"请输入星期几\")
if(!isNaN(parseInt(e1))){
switch (parseInt(e1)) { //\"1\"
case 1:
console.log(\"周一\")
break
case 2:
console.log(\"周二\")
break
default:
console.log(\"啧啧啧\")
}
}
3.while
//while 循环
var e3=0;
while(e3<10){
e3++
console.log(e3)
}
4.for
//for 循环
var count=prompt(\"请输入次数\")
for(var e2=0;e2<count;e2++){
//在页面中进行html输出
document.write(\"<font color=\'red\'>哈哈哈</font><br>\")
}
来源:https://blog.csdn.net/weixin_64938628/article/details/123147642
本站部分图文来源于网络,如有侵权请联系删除。