前言 什么是JavaScript?
JavaScript是一种基于对象和时间驱动的脚本语言 JavaScript特点:
- 交互、脚本语言、解释性语言
- 边执行边解释
JavaScript的组成
一、ECMAScript: 是一种语法标准,编码遵循ECMAScript标准。
二、BOM: Browser Object Model(浏览器对象模型),提供了独立于内容窗口进行交互的对象
三、DOM: Document Object Model (文档对象模型),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。
graph TD
JavaScript --> ECMAScript
JavaScript --> BOM
JavaScript --> DOM
js规范:
- 写js代码要在script标签里面去编写
- 引入外部链接为<script src=""></script>
- js文档对象可以接受双引号,也可以接受单引号,单引号里面不能用单引号,双引号里不能用双引号需要混合使用
- 多行注释为/**/,单行为//
一、 向html中打印document.write
var xh , yw , sx ;
xh ='学号为' + 101;
yw ='语文成绩' + 100 + '分';
sx ='数学成绩' + 98 + '分';
document.write(xh + '<br>',yw + '<br>',sx);
打印在html中页面显示如下:
二、 console.log控制台打印方法:
<script>
var name = '迪丽热巴';
console.log(name);
</script>
浏览器中用检查可以发现name赋的值会打印在控制台中,如下图:
如果声明变量之后没有赋值,那么打印在控制台,控制台会显示undefined
三、 提示窗口alert:
<script>
alert('欢迎你')
</script>
效果如下图:
四、js声明变量var:
声明变量如下图代码:
alert会输出赋值的name为:迪丽热巴
可以声明多个变量
五、js声明变量let
与var的用法一样,var 可以重复声明一个变量把写在上面的变量覆盖,
而 let 不能重复声明变量,比var更加严谨,如果重复声明会报错
六、数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对象(Object)、未定义(Undefined)。
- String:使用双引号或者单引号引用,任何数据都为字符串
- Number:阿拉伯数字
- Boolean:true 和 false
- Object:对象,相当于先祖,所有的数据都可以成为object
- Undefined:没有定义的变量
typeof数据类型查看:
用法:console.log(typeof num) 在typeof后加上声明的变量可以在控制台中查看变量的数据类型
七、特殊运算符+
+可以作为拼接使用如:
document.write(xh + '<br>',yw + '<br>',sx);
+也可以作为加法如:
document.write(1 + 1) /* - 减法也是如此*/
++表示自增 如:
let num = 1 ;
document.write( num++) /*得到的结果为2 表示num自加1 (--同理)*/