一、概念

　　诞生于1995年，刚开始主要用于处理网页中的前端验证(指的是检查用户输入的内容是否符合一定的规则，比如用户名的长度、密码的长度、邮箱格式等)。

　　前身是网景公司的LiveScript语言，傍的sun公司的Java语言的便利，它们之间没有什么关系，只是叫JavaScript

　　JScript是微软公司1996年在其IE3.0浏览器中引入的，自己对JavaScript的实现，另立炉灶。

　　为了确保不同浏览器的兼容性，所以两个公司共同制定了js的标准ECMAScript，这个标准就是一个文档，需要各大浏览器厂商去实现，即引擎。

　　如：Firefox的spiderMonkey 引擎及 谷歌Chrome的v8引擎，不同浏览器有不同的引擎。

　　一个完整的JavaScript有三个部分组成：ECMAscript（标准）+DOM（文档对象模型，操作网页）+BOM（浏览器对象模型，操作浏览器）

特点：

　　解释性语言（不用去编译）；类似于C和Java的语法结构；动态语言；基于原型的面向对象

二、js的编写位置

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>js的学习</title>

        <!--引入js的标签-->

        <script type="text/javascript">

        /*1、控制浏览器弹出一个警告框 alert:警告

         alert("这是我的第一行js代码");

         * */

        /*2、让计算机在页面中输出一个内容 ，就是往body中写入一个内容。document:文档

          document.write("你是个好人！");

         * */

        /*3、向控制台输出一个内容 审查元素-console 调试代码 一般用户是看不到的

         * console.log("你猜猜？");

         */

       </script>

       <!--可以引入外部的js 标签也是script，不是link 在src中写入路径

           这样可以使不同页面中同时调用，可以利用浏览器的缓存机制 推荐使用

       -->

       <script type="text/javascript" src="../js/js01.js">

       /*一旦引入外部js文件，那么里面的就不会执行，即使编写的有代码，如下边这句就不会显示

         如果需要写，需要在创建一个script标签

        */

           alert("我是内部js标签");

       </script>

       <script type="text/javascript">

           alert("我是内部js");

       </script>

    </head>

    <body>

        <!--可以将js代码写到标签的onclick属性中

            点击按钮时才会执行 注意里边写到是单引号

            虽然可以写在标签中，但是会属于结构和行为的耦合，不推荐。可以写在script标签中或外部js文件中

        -->

        <button onclick="alert('你点你妈呢')"> 点我一下</button>

        <!--可以将js代码写到超链接的href属性中 这样点击超链接时 ，会执行js代码

            注意书写格式 第2个超链接实现： 点了之后，没反应

        -->

        <a href="JavaScript:alert('滚一边去');"> 你也点我一下 </a> <br />

        <a href="JavaScript:;"> 你也点我一下 </a>

    </body>

</html>

三、基本语法(1)

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>js的基本语法</title>

        <script type="text/javascript">

            /* 1、js的注释： 多行注释,反斜杠加* ;  单行注释 “//”

             * 2、严格区分大小写  HTML中不区分大小写

             * 3、每条语句以“;”结尾。不写“;”也行，浏览器会自动添加,但可能出错。

             * 4、js中忽略多个空格和换行,可对代码进行格式化，美观

               5、字面量：就是常量，一些不可变的量 都是可以直接使用的,但不会直接使用。

                           变量：可以用来保存字面量变量，更加方便使用。需要先用var(variable ：变量)声明

             * 6、标识符：在js中可以有我们自主命名的都称之为标识符 例如：变量名、函数名、属性名

             *     遵守规则：可以含有字母、数字、下划线、$ ;不能以数字开头；不能是js中的关键字和保留字

             *     命名规范：驼峰规则 首字母小写，每个单词开头字母大写

             * 7、js保存标识符采用的是utf-8来保存的，理论上字符都能用(包括中文)

             * 8、6种数据类型：

             *    String(字符串)、 Number(数字)、Boolean(布尔值)、Null(空值)、Undefined(未定义) 基本数据类型

             *    Object(对象) 引用数据类型

             * (1) String:引号不能混着用，同一类引号不能嵌套(即双引号里边不能用双引号,单不能用单),非要用需要转义字符\

             * \"...\" 表示"..."  \'...'\表示'...'  \n表示换行  \t表示制表符  打印\用\\ 打印\\ 用\\\\

             * (2) Number:在js中所有数值都是Number类型(包括整数和浮点数)

             * 如果使用js计算浮点数,可能得到一个不精确的数 (尤其涉及到金融方面)

             * (3)Boolean: true 还是 false

             * (4)Null ：只有一个值就是null 表示一个为空的对象 使用typeof会返回Object

             * (5)Undefined:一个值undefined 声明一个变量但是没有赋值就是Undefined类  如 var b;

             * 9、强制类型转换 转成String Number Boolean

             * 转成String类

             * 方式1： 调用被转换类型的toString方法 该方法不会影响原来变量,可以赋值给另一个变量查看

             *          如：var a=30; var b=a.toString(); NULL和Undefined没有toString方法

             * 方式2: 调用String函数，并被转换数据作为参数传给String函数 如String(a); 任何数据类型都能用

             * 转Number类：

             * 方式1：若是字符串,使用Number函数 直接传参数 如果是var a="abc"非数字  number(a); 会输出NaN,

             *        如果字符串中是空串或者空格，会转成数字0;

             *        如果是布尔值，则true转成1 false转成0; 如果是null,则转成0

             * 方式2：专门用来对付字符串,对非String(如Boolean类)使用会将其先它转成String，再去转换

             *        parseInt() 把一个字符串转整数.将字符串中有效的整数取出转成Int 如a="120px" 把120转成整数类型

             *                   a="120px78"只能把120取出来 a="120.90" 只能取出120 ；a="a123" 他取不出来

             *                   可以利用它取整

             *        parseFloat 把一个字符串转成浮点数,跟上边类似 可以取出有效的小数

             *                   a="123.35.67px" 只能取出123.35 意思是小数点取一次

             *

             * */

            var a=1314;

            var age=20;

            //alert(a);

            var str="你好呀";//单引号 和 双引号都可以

            var str2="我说： \"今天天气真好！\" ";

            var bol=true;

            var n1=null;

            console.log(str2);    //输出变量str2

            console.log(typeof a);//typeof 检查变量类型 输出Number Number.MAX_VALUE 输出js的数字的最大值

                                 //超出最大值输出Infinity 无穷 -Infinity 负无穷

            console.log(typeof str);//NaN:不是一个数字 not a number.是个Number类型的  "a"*"b"就会返回这个

            console.log(typeof bol);

        </script>

    </head>

    <body>

    </body>

</html>

　　

　　

　　

　　

　　

[19/05/25-星期六] JavaScript_ 基础知识和基本语法_数据类型的更多相关文章

  1. 基础知识（C#语法、数据库SQL Server）回顾与总结

    前言 已经有大概一个多月没有更新博客,可能是开始变得有点懒散了吧,有时候想写,但是又需要额外投入更多的时间去学习,感觉精力完全不够用啊,所以为了弥补这一个多月的潜水,决定写一篇,衔接9月未写博客的空缺 ...

  2. [19/09/02-星期一] 基础知识_Python入门

    一.计算机基础 用户界面:TUI-文本交互界面: GUI-图形化交互界面 命令行:就是一种文本交互界面,可以使用一个一个的指令来操作计算机.任何计算机的操作系统都包含命令行(Windows.Linux ...

  3. [19/05/26-星期日] JavaScript_ 基本语法_运算符

    一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...

  4. MVC基础知识 – 2.新语法

    1.自动属性 Auto-Implemented Properties 2.隐式类型 var 3.参数默认值 和 命名参数 4.对象初始化器 与 集合初始化器 { } 5.匿名类 & 匿名方法 ...

  5. Python基础知识1-基础语法

    pyenv--版本管理工具(后续再补)可参见https://www.jianshu.com/p/8aaf2525fa80 冯诺依曼体系架构 编程基础 语言分类  低级语言到高级语言 高级语言 程序Pr ...

  6. MVC基础知识 – 2.新语法

    1.自动属性 Auto-Implemented Properties 2.隐式类型 var 3.参数默认值 和 命名参数 4.对象初始化器 与 集合初始化器 { } 5.匿名类 & 匿名方法 ...

  7. java基础知识（一）之数据类型和运算符

    1.标识符:JAVA里面我们可以为之命名的就是标识符,如变量.方法.类等. 但是标识符只能包含字母.数字.下划线(_)和美元符号($),并且只能以字母.下划线和美元符号开头不能以数字开头.2.变量:在 ...

  8. 【Python基础知识】【语法】【入门】

    一.Python概述 Python是一门面向对象的编程语言,拥有强大丰富的库,没有操作系统的限制,是一种优美.清晰的编程语言. 二.Python基础语法 1.Python标识符 标识符就是程序中定义的 ...

  9. CSS基础知识及其基本语法

    一.什么是CSS CSS 是层叠样式表( Cascading Style Sheets ) 的简称. 有时我们也会称之为CSS 样式表或级联样式表. CSS 也是一种标记语言 CSS 主要用于设置HT ...

随机推荐

  1. GUI学习之十五——QAbstractSpinBox学习总结

    QAbstractSpinBox是一个抽象类,是将所有步长调节器的通用的功能抽象出了一个父类.虽然QAbstractSpinBox是一个抽象类,但是可以直接实例化使用.QAbstractSpinBox ...

  2. Thymeleaf 模板引擎简介

    目录 Thymeleaf 模板引擎 官方文档下载 Hello World 新建应用 后台控制器 前端页面 浏览器访问测试 Thymeleaf 模板引擎1.Thymeleaf 是 Web 和独立环境的现 ...

  3. Flask【第6篇】：Flask中的信号

    补充的flask实例化参数以及信号 一.实例化补充 instance_path和instance_relative_config是配合来用的.这两个参数是用来找配置文件的,当用app.config.f ...

  4. 过滤函数filter

    >>> def validate(usernames): if (len(usernames) > 4) and (len(usernames) < 12): retur ...

  5. 如何保证Redis与数据库的数据一致性

    一般来说,只要你用到了缓存,不管是Redis还是memcache,就可能会涉及到数据库缓存与数据的一致性问题,这里我们以Redis为例. 我们该如何保证Redis与数据库的一致性呢? So easy: ...

  6. 6353. 【NOIP2019模拟】给(ca)

    题目描述 题解 虫合 由于前几天被教♂育了,所以大力找了一发规律 先把m-1,设f[i][j]表示m≤i,有j个叶子节点的答案 转移显然,也显然是O(n^3)的 把f打出来后长这样: 1 1 1 1 ...

  7. CF D. Labyrinth 01BFS

    由于上下走不限制,所以按照贪心,我们应该尽可能走上下方向. 我们可以开一个双端队列,并认为每次提取队首的时候得到的是到达该点的最优策略.(这个一定是唯一的,因为不可能向右走几格,然后再退回去. ) 那 ...

  8. ubantu apache2.4.6 apache https配置

    [root@VM_58_118_centos dbback]# a2enmod ssl [root@VM_58_118_centos dbback]# service apache2 restart ...

  9. Android ListView焦点事件冲突问题与解决

    Android ListView对于单纯列表展示是很好用的,但是一旦牵扯到对listView进行操作就会遇到各种各样的问题.比如保存Checkbox状态与item复用的冲突.遇到可获取焦点的控件比如说 ...

  10. hashcode native

    hashcode Java中的hashCode方法就是根据一定的规则将与对象相关的信息(比如对象的存储地址,对象的字段等)映射成一个数值,这个数值称作为散列值. 在设计hashCode方法和equal ...