JS的组成部分、引入页面的方法以及命名规范

 一、页面是由三部分组成

　　1）html标签（超文本标记语言）

　　2）css样式（层叠样式表）

　　3）javascript脚本编程语言(动态脚本语言)

 

二、将css引入到页面中的几种方法 (4种)

　　1）行内样式：直接在元素标签上编写样式

　　2）内嵌样式：在页面的样式表中通过css选择器，找到对应的元素给它设置样式

　　3）外链样式：把样式文件写在一个外部的文件中，然后在本页面中通过link标签把它引入当前页面中

　　　　　　　　　　<link type="text/css" href="css/style.css" rel="stylesheet"/>

　　4）导入式：和外链式一样都是把样式写在一个外部样式中，但是也需要引入进来

　　　　　　　　　　<style type="text/css">

　　　　　　　　　　　　@import "css/style.css";

　　　　　　　　　　</style>

 

三、将js引入到页面中的几种方式

　　1）行内引入（不推荐，安全性能比较低）<div onclick="alert(1)"></div>　　

 　  2）内嵌式

　　3）外链式   <script type="text/javascript" src="js/index.js"><script>

　　　　需要注意的是，在外链式引入JS的时候，在javascript脚本块之间不能写JS代码，因为写了也没用

 

四、JS属于一门轻量级的脚本编程语言（因为JS是面向对象开发的，而面向对象开发的需要我们掌握关于类的继承、封装、多态）

　　JS是由三部分组成：

　　　　1）ECMAScript ： 定义了我们JS的基本语法、命名规范、变量、数据类型、操作语句等最为基础也是最为核心的知识

　　　　　　　　　　　　　　(语法、类型、语句、关键字、保留字、操作符、对象)

　　　　2）DOM ： document object model 文档对象模型

　　　　　　　　　　提供了我们JS操作页面上元素常用的属性和方法 --> document 文档对象（代表的是整个文档）

　　　　3）BOM ： browser object model  浏览器对象模型

　　　　　　　　　　提供了我们JS操作浏览器的常用的属性和方法 --> window 浏览器对象（代表的是整个浏览器）

 

五、js命名规范

　　1）严格区分大小写

　　2）名字要有一定的意义，使用驼峰命名法

　　　　驼峰命名法的规定：

　　　  　a：第一个单词的首字母小写，其余每一个有意义的单词的首字母都要大写

　　　　  b：命名的时候可以使用数字、字母、下划线、$ 来命名，但是数字不能作为开头

　　　　—> 命名技巧：

　　　　　　　　$num                   代表jQuery变量或者其他常用类库的变量

　　　　　　　　_num                   代表全局公用的变量

　　　　　　　　add\create             代表增加或者创建   createElement（创建一个元素）

　　　　　　　　update\replace         代表修改或者替换

　　　　　　　　del\remove\rm\delete   代表删除或者移除的

　　　　　　　　get\query              代表获取和查询的

　　　　　　　　set                    代表设置

　　3）不能使用关键字和保留字　　

　　　　关键字：在JS中有特殊意义的字 （带 * 的是第五版新增的关键字）

　　　　　　　break　    　do　　 　  instanceof 　　typeof  　　case　　 　  else　　　　   　new　　　   　  var　　        catch　     　finally　

　　　　　　   return　      void　 　  continue　 　  for　   　    switch　　   while　 　　   　debugger*　　 function  　　this　　      with　　

　　　　　　   default　   　if　　       throw　      　delete　　   in　　　　   try

　　　　保留字：在JS中未来可能成为关键字的

　　　　　　　abstract　   enum　　  int　　 　　   short　　     boolean　　 export　　　　  interface　　    static　　　　byte　　      extends

　　　　　　　long　　      super　　 char　　　　   final　　　　native　　　 synchroized　　class　　　　　 float　　　　 package       thorws

　　　　　　　const　　　  goto　　  private　     　transient　  debugger  　implements　　protected　　  volatile　　   double　　    import