javascript 知识点01

一、简介

1、前端三个层

• 结构层：html
• 表示层：css
• 行为层：js

2、JavaScript

JavaScript是一种轻量级的脚本语言。

• 所谓“脚本语言”，指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序的“脚本”。
• JS即Javascript,  javaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
• javascript通过浏览器进行解析

二、js创建方式

JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中。 JavaScript代码块一般放在script标签中。 

1、内嵌式

嵌入在HTML的                                        

2、外链式

（1）单独的js文件，文件扩展名为  .js

（2）Js文件内写程序代码，如   

alert("一个对话框");

（3）在网页中使用引入 

3、事件引入

嵌入在html标签的属性中

	


     点击
    
    
    
    
 hello
    
    
    

三、输出方式

1、窗口输出

alert();   警告框,在浏览器窗口弹出警告框

 // alert(内容); 警告框，在浏览器窗口弹出警告框
    alert("内容");
//按确定后出现下一行，依次执行
    alert(123);
//输入字符串要加引号

 

2、网页内输出

document.write(内容)； 把内容写入到html文档内部（body内部）

   //document.write(内容) 把内容写入到html文档内部（body内部）
    document.write(123);
    document.write("hello word");
    document.write("
内容
");

 

 

3、控制台输出

 console.log(内容)； 控制台输出

 // 在控制台日志输出
    console.log(123);
    console.log("123");
    console.log("你好，我是控制台，请多指教");
    console.error("调用error方法，\n 自己设置一个报错信息");
    // \n换行

 

四、数据类型

1、基本数据类型

• 字符串   string     
• 数字     number   
• 布尔     boolean       (true / false)   
• null     表示一个“空”的值    可用来清空变量     
• undefined (Undefined 这个值表示变量不含有值)

2、复合数据类型

•  数组  Array
•  对象 Object

五、变量

1、什么是变量

可变的量。从编程角度讲，变量是用于存储某种/某些数值的存储器。

对于变量的理解：变量是数据的代号。如同人的名字一样。

2、变量声明

var   变量名;

    var a;
    a = 123;//先声明变量，再赋值
    var num = 1234; //声明变量的同时，并赋值，变量的初始化

    var c, b; //同时声明多个变量，多个变量之间用，隔开。
                // 一个变量只声明，不赋值，值就是underfined;

    var d = 10,
      e = "hello"; //同时初始化多个变量

3、变量的命名规则

• 必须以字母、下划线、美元符号开头，后面可以字母、下划线、美元符号或数字
• 变量名严格区分大小写
• 变量名不能使用关键字与保留字
• 变量名最好要有含义，见名知意

4、 变量的值

变量的值可以是数据类型的任何一种。

如：

• var a=“hello”;    //变量的值是个字符串类型
• var b=10;         //变量的值是个数字类型
• var c=false;      //变量的值是个布尔类型

 JavaScript的变量类型不止字符串，数字，布尔值这三种，然而这三种是最常用的。

其它数据类型（参考）：

复合（引用）数据类型是：     对象     数组

特殊数据类型：   undefined

5、 算术运算符

（1）加号 + 

• 加号两侧同时为数字，进行加法运算
• 加号两侧任何一侧为字符串，表示字符拼接

（2）减号 -

（3）乘号 *

（4）除号 /

（5）取余 %

在进行减 乘 除 取余运算时：

符号两侧同时为数字进行对应的算术运算，若其中有一侧为非数字，则运算时会把该侧转换为数字，转换成功，进行对应的算术运算，转换失败，得到NaN(Not a Number非数字)