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

Javascript基础知识(一)

时间:2019-11-23 12:51:56      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:相对路径   版本   标签   语法   日期   fun   脚本   允许   对象   

1.Javascript简介

  1.1相关介绍

  JavaScript(缩写为JS)是一种高级的、多范式、解释型的编程语言,是一门基于原型、函数先行的语言,它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式,不支持I/O(比如网络、存储和图形等),但可以由它的宿主环境提供支持。它已经由ECMA(欧洲计算机制造商协会)通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器支持。JavaScript的标准是ECMAScript 。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript 的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。 

  1.2组成部分

  ECMAScript是一个标准,它规定了语法、类型、语句、关键字、保留子、操作符、对象。    

       BOM(浏览器对象模型):可以访问浏览器窗口的浏览器对象模型,对浏览器窗口进行操作。

  DOM(文档对象类型):DOM把整个页面映射成一个多层节点结构。HTML页面组成都是某种类型的节点,这些节点又包含着不同类型的数据。

  1.3用途

  JavaScript 脚本语言由于其效率高、功能强大等特点,在表单数据合法性验证、网页特效、交互式菜单、动态页面、数值计算等方面获得广泛的应用。

2.JavaScript的编写与运行

  2.1编写方式

    JS也是一种脚本语言,他可以有两种方式在HTML页面进行引入,一种是外联,一种是内部。

    外联方式:<script src = "相对路径"></script>(相对路径链接的是JavaScript文件,文件的扩展名为.js,如index.js)

    内部方式:<script>

          //在script标签内书写相关代码

         </script>

    注:script标签习惯写在body标签末尾或html标签末尾

  2.2运行方式

   向页面中打印内容:

document.write(“这是一些文本内容”);
可以直接解析标签:document.write(“<strong>加粗的内容</strong>”);
  注:影响页面结构,转成字符

  向浏览器的控制台打印信息:

console.log("hello world");(跟document.write()原理类似)

  浏览器弹出框打印内容:

alert("相关内容");
注:阻塞程序执行,转成字符

 3.变量

  3.1 变量声明:var(关键字)变量名 

        3.2 变量的命名规则:
            (1)必须使用字母下划线$开头
            (2)语义化,词必达意,最好使用数据类型的首字母做首字母(开头),驼峰式
            (3)不允许使用关键字和保留字
    
 4. js的数据类型:
  数值(number) 字符(string)  布尔值(boolean) 声明未赋值(undefined )  对象 (object) 数组(array)函数 (function)
       检测数据类型:typeof   (关键字)变量名  
 1      var a = 123;
 2         console.log(typeof a);          //number
 3         var b = "hello";
 4         console.log(typeof b);       //string
 5         var c = "123";
 6         console.log(typeof c);      //string 
 7         var d = ‘[3,4,5,6,7,7,89]‘
 8         console.log(typeof d);      //string
 9         var e = true;
10         console.log(typeof e);      //boolean
11         var f = false;
12         console.log(typeof f);      //boolean
13         var g = undefined;
14         console.log(typeof g);      //undefined
15         var h = function(){};
16         console.log(typeof h);      //function
17         var i = {};
18         console.log(typeof i);      //object

  三个特殊值:NaN undefined  null

 1      var a = NaN;
 2      console.log(a);                    //NaN
 3      console.log(typeof a);             //number
 4      console.log(NaN == a);             //false (NaN != NaN)
 5 
 6      var b = undefined;
 7      console.log(b);                    //undefined
 8      console.log(typeof b);             //undefined
 9      console.log(undefined == b);       //true (undefined == undefined)
10 
11      var c = null;
12      console.log(c);                    //null
13      console.log(typeof c);             //object
14      console.log(null == c)             //true (null == null)
15 
16      console.log(NaN  == undefined );       //false
17      console.log(NaN == null );            //false
18      console.log(undefined == null );      //true 

 

  

  

 

 

 

 

 

 

 

 

 

Javascript基础知识(一)

标签:相对路径   版本   标签   语法   日期   fun   脚本   允许   对象   

原文地址:https://www.cnblogs.com/miaomiaolong2/p/11908098.html

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