原生JS基础1

原生JS基础1

1.组成：

• ECMAScript
      与标签没有关系的如：函数，变量，数学方法，数组对象，日期对象等；
• DOM 文档类型
      如HTML CSS；
• BOM 浏览器对象模型

2.引入方式：

• 行内样式
     <开始标签 on+事件类型=“js代码”></结束标签>

• 内部样式
     < script>
         JS语句；
     < /script>

• 外部样式
     < script src=./xxxxxx.js>< /script>

注意事项：

内部样式：

可以写在body及head中，写在head中不能直接调用body中的标签，因为顺序加载还没加载出来；写在body中可直接调用body中的标签。

外部样式

i.如果有相对地址的出现，这个相对地址是当前网页（html）的相对地址，而link href，外部加载css，这个css中的相对地址是相对css的，而不是相对页面引入。
ii.默认按文件顺序进行加载【同步】，运行完一个再进行下一个文件的运行。
iii.【异步】增加属性async，一个内容的过程不会干扰另一个内容的执行，让js同时加载，需要考虑有没有依赖；
iiii.【异步】属性defer，当页面加载完成，页面标签全部创建，css全部应用，图片全部加载完成，本身也具备异步的功能。

3.变量命名：

字符，数字，下划线，$组成，首字母不能是数字，区分大小写

注意事项：

i. 变量定义时，不能使用关键词，关键字和保留字,不能与window下的属性或方法重名；
ii. 常量ES6才出现，一旦定义数值，不能改变，常量命名时，全是大写字母，使用下划线区分单词 const COL_NUM=10;【标准】;
iii. 驼峰式命名：首字母小写，每个单词首字母大写;