首先介绍JavaScript是什么
Javascript,一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的直译语言。
JavaScript是弱类型语言,JavaScript由ECMA Script、BOM、DOM三部分组成。
作用介绍
ECMA Script | 构造JS核心语言基础 |
BOM | Browser Object Mode是指浏览器对象模型,用于操作浏览器对象 |
DOM | DocumentObjectModel是指文件对象模型,用于操作HTML元素 |
JavaScript特点
- 向HTML页面中添加交互行为
- 脚本语言,语法和java类似
- 解释性语言,变执行边解释
JavaScript书写格式
JavaScript有三种书写格式,分别是“行内式”、“页内式”、“外链式”
1.行内式
<button onclick = "alert('今天! ');">今天!</button>
2.页内式
<body> <script type = "text/javascript"> alert("今天天气很好!"); </script> </body>
3.外链式
<script type = "text/javascript" src = "js/index.js">\</script>
JavaScript注释
JavaScript注释分为单行注释与多行注释
单行注释: // 注释语句
多行注释: /* 注释语句 */
JavaScript中的数据类型
数值型:number(凡是数字都是数值型,不区分整数和小数)
字符串:string(凡是引号包裹起来的内容全部都是字符串)
布尔:boolean(true、false)
对象类型:object(特殊取值null)
未定义型:undefined
变量的声明
var 变量名称 = 存储的数据;
注意变量的命名规范
1. 只能由字母、数字、_(下划线)、$(美元符号)组成。
2. 不能以数字开头。
3. 命名中不能出现-(js会理解成减号进行减法的操作),不能和关键字冲突。
JavaScript中的运算符
- 算术运算符(+ - * / % ++ --)
- 比较运算符(> >= < <= != )
- 逻辑运算符(&& 与 || 或 ! 非)
- 三元运算符( 1.条件?表达式1:表达式2 )
注: 三元运算符中如果条件为true,返回表达式1的结果 如果条件为false,返回表达式2的结果
if条件语句
//判断成绩是否优秀
var aa = 59;
if (aa >= 90) {
alert("优秀");
} else if (aa >= 80) {
alert("良好");
} else if (aa >= 60) {
alert("及格");
} else {
alert("不及格");
}
switch分支结构
var aa=59;
switch (aa) {
case 10:
case 9:
alert("优秀!");
break;
case 8:
alert("良好!");
break;
case 7:
case 6:
alert("及格!");
break;
default:
alert("不及格!");
break;
}
循环结构 while、do-while. for;
while(循环条件){循环体;}
do{循环体;}while(循环条件);
for(循环变量赋初值;循环条件;循环变量增值){循环语句;}
常用的事件:
1.onclick() 鼠标左键单击事件
2.onmouseover 鼠标进入事件
3.onmouseout 鼠标离开事件
4.onfocus 获取焦点事件
5.onblur 失去焦点事件
6.onmousemove 鼠标移动事件
7.onscroll 滚动条滚动事件
8. onkeydown / onkeyup 键盘按下/抬起事件
9. onmousedown / onmouseup 鼠标按下/抬起事件
好了基础介绍完了,好累呀,给个赞呗,也不枉我写这么多。