JavaScript基础入门01

一.JavaScript入门

1.JavaScript简称js

2.js是网页的三大组成之一

以下为网页的三大组成（

  1.javascript：是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画

  2.HTML：是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。

  3.CSS：是一种样式规则语言，可将样式应用于 HTML 内容，例如设置背景颜色和字体，在多个列中布局内容。）

3. **JS是弱类型语言**，没有类型声明，它的变量不必具有一个明确的类型。一般用var作为类型

4. javascript能干什么

  1. 常见的网页效果【表单验证，轮播图......】

  2. 与H5配合实现游戏【水果忍者： http://www.jq22.com/demo/html5-fruit-ninja/】

  3. 实现应用级别的程序【http://naotu.baidu.com】

  4. 实现统计效果【http://echarts.baidu.com/examples/】

  5. 地理定位等功能【http://lbsyun.baidu.com/jsdemo.htm#i4_5】

  6. 在线学编程【https://codecombat.163.com/play/】

  7. js可以实现人工智能【面部识别】等等

5.  javascript组成(ECMAScript,BOM,DOM)

| ECMAScript 作用： 构成了JS的核心语法                                                               |

| BOM        作用： Browser Object Model【浏览器对象模型】，用来操作浏览器上的对象 |

| DOM        作用： Document Object Model【文档对象模型】，用来操作网页中的元素  |

6.javascript基本使用

1. 行内式

2. 内嵌式

3. 外部引用 js 文件

      A.行内式，可以在 html 元素中直接用使用 js 语句，但是一般都是调用函数或简短的语句。

   例如:

       <input type="button" value="点我有惊喜！" οnclick="alert('Hellow World')">

   B.内嵌式，一般用于实现比较小的功能，代码不长的情况

       <script>

               alert('Hello World');

       </script>

C.外部JS文件，最常见的方式就是将js作为一个单独的类写在一个文件中

       <script src="my.js"></script>

7.JS 注释两种

   // 单行注释    

   /*  多行注释 */

8.JS 输入输出语句

- **alter/prompt/confirm来源于window对象**

alert(msg)  // 浏览器弹出框

console.log(msg)  // 浏览器控制台打印输出信息

prompt(info)  // 浏览器弹出输入框，用户可以输入

confirm()

9.常见的一些标签

onclick          // 鼠标点击左键

ondbclick        // 鼠标双击

oncontextmenu    // 鼠标点击右键

mousedown        // 鼠标按键被按下

mouseup        // 松开鼠标按键

onselect        // 文本被选中

oncopy        // 元素内容被复制

onmouseenter    // 鼠标移动到事件监听的元素内（不区分子元素）

onmouseover      // 鼠标移动到有事件监听的元素或它的子元素内

onmouseleave    // 鼠标离开元素外（不区分子元素）

onmouseout      // 鼠标离开元素，或它的子元素外

onfocus          // 获得鼠标焦点(点击input输入框)

onblur          // 失去鼠标焦点（进入其他input输入框）

onmousemove      // 鼠标移动

onmouseup      // 鼠标弹起

onmousedown      // 鼠标按下

10.underfunded常见的问题所在

- 变量被声明了，但没有赋值时，就等于undefined。

- 调用函数时，应该提供的参数没有提供，该参数等于undefined。

- 对象没有赋值的属性，该属性的值为undefined。

- 函数没有返回值时，默认返回undefined。

11.运算符

A.==与===区别

 ==只比较内容是否相等

  例如：1==“1”返回true

 ===比较内容是否相等，数据类型是否一致

  例如：“1”===“1”返回true

 !=只比较内容是否相等

  例如：1!=“2”返回true

 !== // 全不等（包括数据类型）

  例如：“1”===“1”返回true

12.**多分支结构**

A.

if (条件表达式1) {

   // 执行语句1

} else if (条件表达式2) {

   // 执行语句2

} else {

   // 执行语句3

}

例如：

var score = promot('请输入分数：')

if (score >= 90) {

   alert('优')

} else if (score >= 80) {

   alert('良')

} else if (score >= 60) {

   alert('中')

} else {

   alert('差')

}

B.

switch(表达式){

   case value1:

       // 执行语句1

       break;

   case value2:

       // 执行语句2

       break;

   default:

       // 如果无条件满足，最终执行语句

}

13.循环结构

for(初始化变量; 条件表达式; 操作表达式){

   // 循环体

}

例如：

for(var i = 1; i<=100; i++){

   console.log('你好');

}

嵌套循环

例如：

var str = "";

for (var i = 1; i <= 5; i++) {

   for (var j = 1; j <= 5; j++) {

       str = str + "*";

   }

   str = str + "\n";

}

console.log(str);

while循环体

例：用 while 实现从1加到100

var num=1;

while(num<=100){

   console.log(num);

   num++;

}

do {

   // 循环体

} while(条件表达式)