码迷,mamicode.com
首页 > 编程语言 > 详细

javascript(基础)

时间:2019-10-27 18:27:33      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:单词   文档对象模型   数字   ons   object   类型   log   样式   区分大小写   

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类型

 

 

 

 

 

 

 

 

 

  

javascript(基础)

标签:单词   文档对象模型   数字   ons   object   类型   log   样式   区分大小写   

原文地址:https://www.cnblogs.com/yang1997/p/11745184.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!