JavaScript简介

JavaScript的用途

JavaScript用来制作web页面交互效果,提升用户体验。 web前端三层来说:w3c的规范:行内样式(淘汰)

结构层 HTML 从语义的角度,描述页面结构

样式层 CSS 从审美的角度,美化页面

行为层 JavaScript 从交互的角度,提升用户体验

JavaScript和ECMAScript的关系

简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。就是说,你JavaScript学完了,Flash中的程序也会写了。 ECMAScript在2015年6月,发布了ECMAScript 6版本,语言的能力更强。但是,浏览器的厂商不能那么快的去追上这个标准。

javascript中加号的作用:

两个字符串用加号连接,那么将来加号起到的作用是连接这两个字符串。

两个数值用加号连接,那么将来加号起到的作用是加法运算符的作用。

加号连接的两个直接量中有一个是字符串,那么加号的作用是连接。

javascript数据类型:

  • string

  • number

    NaN:not a number ==>非数字。

    作用:用来表示数值的一种不正常的状态。 一般情况下会在计算出现错误的时候出现。 判断当前的数据是否是NaN的关键字: IsNaN:是一个非数字 如果结果是非数字:结果是true 如果结果是数字:结果是false

  • boolean类型:

  • undefined:
    如果一个变量声明了但是没有赋值它的结果就是undefined;(underfined在页面上是不会报错。)

复杂的运算:主要学习Math对象

判断数据类型typeof()

var a = 1 ; var b ; alert(typeof(a+b) );
var a = 1 ; var b ; alert(typeof(b));
var a = "1" ; var b = +a; alert(b);
var a = 1 ; var b = 1 + "1"; alert(typeof(b));

var a = "a"; alert(typeof(+a));

var a = "a"; alert(typeof(!a));
var a = "a"; alert(typeof(a+""));

javascript数据类型转换:

1、parseInt和Number区别:与Number对比,如果内容是以数字开头的,那么paseInt可以转为数字去掉后面的非数字部分,如果是小数则去掉小数点后面的数。,而number则输出NaN.
2、String()和.toString()区别:与String()相比,toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefined。
             toString() 括号中的可以写一个数字,代表进制,对应进制字符串。
             String()是强制转换的格式,可以将null和undefined转换为字符串,但是没法转进制字符串

javascript基础学习系列-1的更多相关文章

  1. javascript基础学习系列-DOM盒子模型常用属性

    最近在学习DOM盒子模型,各种属性看着眼花缭乱,下面根据三个系列来分别介绍一下: client系列 clientWidth :width+(padding-left)+(padding-right)— ...

  2. javascript基础学习系列-原型链模式

    1.demo代码如下: 2.画图如下: 3.规则: 1)每一个函数数据类型(普通函数/类)都有一个天生自带的属性:prototype(原型),并且这个属性是一个对象数据类型的值 2)并且prototy ...

  3. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

  4. 学习javascript基础知识系列第三节 - ()()用法

    总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...

  5. JavaScript 基础学习1-day14

    JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...

  6. 48.javascript基础学习

    javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...

  7. JavaScript 基础学习(二)js 和 html 的结合方式

    第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...

  8. JavaScript 基础 学习 (四)

    JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理 ...

  9. JavaScript 基础 学习(三)

    JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...

随机推荐

  1. Art: Neural Style Transfer

    Andrew Ng deeplearning courese-4:Convolutional Neural Network Convolutional Neural Networks: Step by ...

  2. windows SVN 服务器搭建

    一.SVN服务器搭建和使用  1.     首先来下载和搭建SVN服务器,下载地址如下: http://subversion.apache.org/packages.html#windows,进入网址 ...

  3. angularjs 动态表单, 原生事件中调用angular方法

    1. 原生事件中调用angular方法, 比如 input的onChange事件想调用angular里面定义的方法 - onChange="angular.element(this).sco ...

  4. 视觉SLAM中的数学基础 第二篇 四元数

    视觉SLAM中的数学基础 第二篇 四元数 什么是四元数 相比欧拉角,四元数(Quaternion)则是一种紧凑.易于迭代.又不会出现奇异值的表示方法.它在程序中广为使用,例如ROS和几个著名的SLAM ...

  5. openjudge noi 买房子

    题目链接:http://noi.openjudge.cn/ch0105/16/ 总时间限制: 1000ms 内存限制: 65536kB 描述 某程序员开始工作,年薪N万,他希望在中关村公馆买一套60平 ...

  6. std::lower_bound 功能

    std::lower_bound default (1) template <class ForwardIterator, class T> ForwardIterator lower_b ...

  7. Android——TabHost(标签容器)相关知识总结贴

    android 2.3 r1 中文 api (58) —— TabHost http://www.apkbus.com/android-18911-1-1.html   android中文api (5 ...

  8. logstash数据处理示例

    #test {"time":1504752032399,"date":"2017-09-08 12:00:00","str&quo ...

  9. OpenCV 学习笔记 06 SIFT使用中出现版权问题error: (-213:The function/feature is not implemented)

    1 错误原因 1.1 报错全部信息: cv2.error: OpenCV(4.0.1) D:\Build\OpenCV\opencv_contrib-4.0.1\modules\xfeatures2d ...

  10. [Aaronyang] 写给自己的WPF4.5 笔记16[多线程]

      =============潇洒的版权线==========www.ayjs.net===== Aaronyang ========= AY =========== 安徽 六安 杨洋 ======= ...