JavaScript

　　JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

1、HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

JavaScript代码存在形式

<!-- 方式一 -->

<script type="text/javascript" src="JS文件"></script>

<!-- 方式二 -->

<script type="text/javascript">

    Js代码

</script>

2、脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。（推荐放在body代码块底部）

　　由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

3、变量

JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量

var name = "zhangsan"  # 局部变量

nam = "lisi"           # 全局变量

4、注释

单行注释以 // 开头，多行注释以 /* 开始，以 */ 结尾

5、基本数据类型

　　数字（Number）

#定义

var page = 66;

var age = Number(66);

var a1 = 1,a2 = 2, a3 = 3;

#转换

parseInt("1.2");

parseFloat("1.2");

　　字符串（String）

#定义

var name = "zhangsan";

var name = String("lisi");

#转换

var age_str = String(18);
#常用方法：

    name.trim()    #去空格

    name.charAt(index)    #根据索引获取字符

    name.substring(start,end)    #切片

    name.indexOf(char)    #获取字符对应的索引位置

    name.length    #长度

    name.match("") #查找字符串中特定的字符,找到的话,则返回这个字符

　　布尔(Boolean)

#布尔（逻辑）只能有两个值：true 或 false。

var x=true

var y=false

　　数组(Array)

#创建

var names=new Array();

cars[0]="aa";

cars[1]="bb";

cars[2]="cc";

#或

var names = ['aa', 'bb', 'cc']

#或

var names =new Array('aa', 'bb', 'cc')
#常用方法：

#添加

    names.push("dd")                   #最后插入

    names.unshift("dd")                #最前插入

    names.splice(index,0,'dd')       #指定索引插入

#移除

    names.pop()                         #数组尾部移除并获取

    names.shift()                        #数组头部移除并获取

    names.splice(index,count)    #数组指定索引往后count个字符

#切片

    names.slice(start,end)

#合并

    newArray ＝ obj1.concat(obj2)

#翻转

    names.reverse()

#字符串化

    names.join('_')

#长度

    obj.length

　　对象（同字典）

#创建

var dic= {"name":"zhangsan" , 'age': 18}
#获取

dic.name;

dic["age"];

　　undefined 和null

　　　　undefined 这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。

6、序列化和反序列化

var dic={name: "zhangsan", age: 18}

#序列化

s=JSON.stringify(dic)

#反序列化

s1=JSON.parse(s)

7、循环

　　for循环

var names= ["aa", "bb", "cc"];

#数组：方式一

for(var obj in names){

    console.log(obj );    #obj只会取到索引

    console.log(names[obj ]);    #根据索引取值

} 

#数组：方式二

for(var i=0;i<names.length;i++){

    console.log(i);

    console.log(names[i]);    #根据索引取值

}
#字典

var dic={name: "zhangsan", age: 18}

for(var index in dic){

    console.log(index);    #key

    console.log(names[index]);    #value

}

　　while循环

while (条件)

  {

  需要执行的代码

  }

#do/while 循环

#    该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

do

  {

  需要执行的代码

  }

while (条件);

8、条件语句

#if条件语句

   if(条件){

         #代码

    }else if(条件){

         #代码

    }else{

         #代码

    }    
#switch,case语句

    switch(name){

        case 'zhangsan':

            age = 18;

            break;

        case 'lisi':

            age = 19;

            break;

        default :

            age = 20;

    }

9、异常处理

try{

  #在这里运行代码

  }

catch(err){

  #在这里处理错误

  }

finally{

  #最后执行

}

10、函数

#函数的声明

    function func(arg){

        return arg;

    }

    name=func("zhangsan")#执行

    console.log(name)

#匿名函数

    var func = function(arg){

        return arg;

    }

    func()

#自执行函数

    (function(arg){

        console.log(arg);

    })('')

11、面向对象

function Foo (name,age) {

    this.Name = name;

    this.Age = age;

    this.Func = function(arg){

        return this.Name + arg;

    }

}

var obj = new Foo('zhangsan', 18);   #创建对象

var ret = obj.Func("aaa");

console.log(ret);

console.log(obj.Name );

console.log(obj.Age );

JavaScript简介的更多相关文章

  1. 《JavaScript高级程序设计（第3版）》阅读总结记录第一章之JavaScript简介

    前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...

  2. FeWeb基础之JavaScript简介

    FeWeb基础之JavaScript简介 1.JavaScript的基本介绍 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是通过嵌入或调入在标准的HTML语言中实现的.Ja ...

  3. JavaScript简介及示例

    JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛 ...

  4. HTML JavaScript简介

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  5. javascript简介和基本语法

    javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript   ...

  6. JavaScript简介、语法

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  7. python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  8. JavaScript简介与使用方法

    1.JavaScript简介 1.1.JavaScript简史 最初:网络通信很慢,网页上的数据要传送到数据库验证,然后再返回错误结果,找客观过程要等很久,于是,网景公司开发出一门新语言,当时Java ...

  9. 2017年9月17日 JavaScript简介

    javascript简介 javascript是个什么东西? JavaScript是个脚本语言,需要有宿主文件,它的宿主文件就是html文件. 它与java有什么关系? 没有什么直接联系,java是s ...

  10. 为什么我要放弃javaScript数据结构与算法（第一章）—— JavaScript简介

    数据结构与算法一直是我算比较薄弱的地方,希望通过阅读<javaScript数据结构与算法>可以有所改变,我相信接下来的记录不单单对于我自己有帮助,也可以帮助到一些这方面的小白,接下来让我们 ...

随机推荐

  1. Git系列教程一 入门与简介

    一.版本控制引入 可能我们都会有这样的经历:创建了一个文件,并对它做了多次更改,当我们想回到其中的某一次更改的时候,由于时间太长记不得那次更改的内容,于是我们在每次大的更改的时候,会创建一个文件的副本 ...

  2. C# 反射之调用方法谈

    反射的定义 反射提供了描述程序集.模块和类型的对象(Type 类型). 可以使用反射动态创建类型的实例,将类型绑定到现有对象,或从现有对象获取类型并调用其方法或访问其字段和属性. 如果代码中使用了特性 ...

  3. Autofac

    程序集准备 Assembly: Autofac/Autofac.Integration.Mvc/System.Web.Mvc/System.Web.Helpers/System.Web.WebPage ...

  4. DevExpress XtraPivotGrid 交叉表 重复显示问题

    转自:http://www.cnblogs.com/xiayan/archive/2011/11/04/2236389.html 最近发现xtrareport 的PivotGrid实现交叉表非常的简单 ...

  5. 可爱的Python_课后习题_CDay0 时刻准备着!发布

    请根据软件发布的流程和软件开发的编码规范,将读者在前面章节所写的程序修改并发 布出去.另外,可以查找下除了 epydoc 外还有哪些较好的 py 文档生成器? pydoc是Python自带的模块,主要 ...

  6. Windows Server 2008 R2安装子域控制器

    一.实验网络拓扑图: 二.实验说明: 子域控制器安装前需要先把主域控制器安装好,然后子域控制器的DNS先指向主域控制器的IP地址 192.168.10.30,主域控制器委派DNS给子域控制器后再把子域 ...

  7. Python之路-(Django进阶二）

    model: 双下划线: # 获取个数 # # models.Tb1.objects.filter(name='seven').count() # 大于,小于 # # models.Tb1.objec ...

  8. iOS真机运行 Xcode报错(libpng error: CgBI: unhandled critical chunk)问题已解决；

    Cocos2d-x加载图片资源出现libpng error: CgBI: unhandled critical chunk Xcode7.3 设置Remove Text Metadata From P ...

  9. lua table integer index 特性

    table.maxn (table) Returns the largest positive numerical index of the given table, or zero if the t ...

  10. C++程序员如何入门Unreal Engine 4

    摘要: 一位程序员网友小保哥分享自己的UE4快速上手过程,只是笔记,52VR做了一点更加适合阅读的修改,整理给大家. 首先,本文只是针对有比较熟练C++技能的程序员,他可以没有任何图形学或游戏引擎方面 ...