首先介绍JavaScript是什么

Javascript,一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的直译语言。

JavaScript是弱类型语言,JavaScript由ECMA Script、BOM、DOM三部分组成。

 

作用介绍

ECMA Script

构造JS核心语言基础

BOM

 Browser Object Mode是指浏览器对象模型,用于操作浏览器对象

DOM

DocumentObjectModel是指文件对象模型,用于操作HTML元素

 

JavaScript特点

  1. 向HTML页面中添加交互行为
  2.  脚本语言,语法和java类似
  3.  解释性语言,变执行边解释

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. 算术运算符(+ - * / % ++ --)
  2. 比较运算符(> >= < <= != )
  3. 逻辑运算符(&& 与 || 或 ! 非)     
  4. 三元运算符( 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  鼠标按下/抬起事件
 

 好了基础介绍完了,好累呀,给个赞呗,也不枉我写这么多。