javascript(基础)

Posted 2020-12-02 小黑97

shell 外壳
         内核
         渲染引擎 语法规则 绘制页面
         js脚本引擎
                                主流浏览器的分类
                                                     IE                Trident              Chakra
                                                 FireFox        Gecko               Monkey
                                                 Safari           webkit               Nitro
                                                 Chrome        blink                  V8
                                                 Opera           webkit               V8

网页的组成

• html（结构）
  • HTML：超文本标记语言除了可以渲染和容纳文字以外还可以容纳图片、音视频等；
  • XHTML：更加严谨的超文本标记语言；
  • HTML5：基于HTML的基础上增加许多强大并且非常实用的API；
• css（表现）
  • css：层叠样式表
  • css3：源于css的基础上增加了一些非常方便我们开发的样式属性，例如：border-radius：20px;可以实现盒子的属性。
• javascript（行为）
  • 一门轻量级的客户端脚本编程语言，运行在客户端，运行在浏览器上的语言，编程语言，都是面向对象来开发的

javascript的作用

                              1.实现页面产品中的交互效果

　                       　2.把数据绑定到一个html页面中

　　                       3.用JS语言写服务器后台，进行文件处理，数据存储分析，业务逻辑处理等核心的操作

            javascript的引入方式

                                   行内引入：安全性低

                                   内嵌式：写在script标签中

                                   外链式：通过script标签的src属性

 

JS中的输出方式

 

　　1、alert            (要输出的内容); 在浏览器中弹出一个框，在框中有我们要输出的内容（不管最后输出什么内容，输出的都是字符串内容）

 

　　2、confirm           在浏览器中弹出一个提示确认框（confirm("确定要删除吗?")）

 

　　3、console.log         (要输出的内容); 按F12在控制台中的console页卡中显示（一般用于调试，不会影响页面中的内容）

 

　　4、console.dir：      他只是比.log输出的内容更加详细一些

 

　　5、console.table：        他能把我们需要查看的数据在控制台中以一个表格的形式展示出来

 

　　6、document.write         (我们要输出的内容); 直接显示在页面中，不停的输出

 

　　7、innerHTML/innerText          动态的向指定的元素中添加内容

JS的组成

•    ECMAScript        (定义了JS的基本语法,命名规范,操作语句,变量,数据类型等最基础最核心的知识)
•    DOM                    (document object model 文档对象模型) 提供了JS操作页面上元素的常用属性和方法
•    BOM                   (browser object model 浏览器对象模型) 提供了JS操作浏览器的常用属性和方法

JS的命名规范

• 严格区分大小写 

• 使用驼峰命名法（匈牙利命名法）
  • 第一个单词的首字母小写，其余每一个有意义的单词的首字母都要大写
  • 只能使用数字、字母、下划线命名
  • 数字不能作为名字的第一位

不能使用关键字和保留字（关键字就是在JS中有特殊含义的；保留字是未来可能会成为关键字的；）

JavaScript 变量

                const常量

　　const 设置的是常量，一经设置不可改变。在设置时必须赋初值。

    var   

　　var设置的是变量，可以不赋初值。

　　如果不赋初值的话，变量的类型为undefined；  var  a;       类型为undefined   返回值是   undefined

       如果赋值为：  var a =" "；   类型为string     返回值是  string

       如果赋值为：  var a = 1；  类型为number     返回值是   number

       如果赋值为：  var a = null；    类型为null        返回值是   object

       如果赋值为：  var = true;         类型为boolean     返回值是   true 或 false。 

                 可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型：

 

数据类型分类	说明	详细分类
原始类型	原始值不可更改 原始值的比较也是值的比较 比如：var a = 1,  b = 1; 　　　a == b;   //true	数字（number）
		字符串（string）
		布尔值（boolean）
		null
		undefined
对象类型	对象是可变的，即值是可以修改的 对象的比较并非值得比较 比如：var a = [], b = []; 　　   a == b;   //false，只有在引用相同时，两个只才会相等	特殊对象--数组（array）
		特殊对象--函数（function）
		object类型