JavaScript基础知识

1.JavaScript是什么?

轻量级 弱类型 脚本语言

2.JavaScript的作用?

实现页面的交互 : 用户操作的交互 , 数据的交互

3.JavaScript的组成部分?

 1. ECMAScript
	JavaScript的基础语法规范
	
 2. DOM
 	文档对象模型 -- 操作HTML,css
 	
 3. BOM
 	浏览器对象模型 -- 操作 浏览器

4.JavaScript的书写

1.行内式：

• css的行内式,在标签内部直接定义css代码

• JavaScript的行内式,也是在标签内部直接定义JavaScript代码

<div style="color: red;" οnclick="alert('我是div标签的弹窗')">我是div标签</div>

2.内部式：

• css的内部式,在head标签中,定义style标签,然后通过选择器来定义标签样式
• JavaScript的内部式,在 head标签的最后,或者body标签的最后,来定义一个script标签,在标签内部来定义JavaScript代码

script标签,理论上,可以写在任意位置,但是一般放在 body内部的最下方
也就是所有的html标签的内容的最后
因为牵扯到 代码的执行顺序（代码自上而下进行解析）

3.外部式：

• JavaScript的外部式,是通过一个带有 src 属性的script标签,来导入外部的js文件

 <script src="./02_demo.js"></script>

超链接是一个特殊的标签,特殊在如果要执行JavaScript程序
超链接标签,href的属性值,必须定义为 JavaScript:; 才会执行
定义超链接的跳转,应该是在href属性中,来定义跳转页面的url地址
现在,在JavaScript中,要定义 href 属性 为 JavaScript:;
然后通过JavaScript的语法形式来定义,跳转页面
如果是在href中,定义跳转地址,那么很多JavaScript程序就无法执行了
通过 JavaScript来定义跳转, 可以实现JavaScript的一些功能

5.JavaScript的基础语法(重要)

1.JS的注释

• 在JavaScript中,注释分为两种 ：单行注释 和 多行注释

 <script>
        //  两个斜杠叫单行注释 
        在单行注释中,换行,就结束注释效果

        /*  多行注释   

            多行注释内,可以换行,会继续执行注释效果
        
            快捷键还是 ctrl + /
        */
 </script>

2.JS的变量

• 变量的定义

  1.官方定义: 存储在内存之中的,带有名称的,数据信息,其中存储的数据,在执行过程中,是可以改变的
  实际上 就是容器 , 存储数据的容器 所有的计算机程序,数据都会存储咋变量中,通过操作变量,来操作数据
  2.定义变量的语法形式
  见图
  3,变量名称的命名规范
  (1),规则 必须遵守的
       变量名称的内容,只能是数字,字母(大小写都可以),下划线 _ ,美元符号 $
       不能以数字开头 一般是以字母或者下划线开头
       严格区分大小写
       不要使用保留词和关键词
  (2),规范 建议遵守的 — 程序员的潜规则
       不要使用中文
        见名知意 – 看见变量名称,就知道存储的是什么数据
        驼峰命名法 – 多个单词组成的变量名称,每个单词的首字符大写
                                 UserName UserPwd
        小驼峰 – 第二个单词开始,首字符大写
                                 userName userPwd
        英文太差的,查有道词典
        再不行,偶尔可以使用拼音
       但是绝对不能使用 拼音缩写
             var a1 = 100;
       不能以数字开头
            var 1a = 100; 会报错
        严格区分名称中的大小英文字母
             var A1 = 200; // 和 a1 小写的a1 是两个变量
       不要使用保留词和关键词
        // 例如,不能定义变量名称 叫 var
             var var = 300;