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                   代表全局公用的变量

        addcreate             代表增加或者创建   createElement(创建一个元素)

        update eplace         代表修改或者替换

        del emove mdelete   代表删除或者移除的

        getquery              代表获取和查询的

        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    

原文地址:https://www.cnblogs.com/effieduo/p/5062902.html