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. web系统登陆页面增加验证码

    传统登陆页面中包含两个输入项: • 用户名 • 密码有时为了防止机器人进行自动登陆操作,或者防止恶意用户进行用户信息扫描,需增加动态验证码功能.此时,登陆页面中包含了三个输入项: • 用户名 • 密码 ...

  2. mysql5.1升级到mysql5.6

    这么大跨度的升级,本身不推荐.升级应该是循序渐进的,以防止不兼容.如果确实要这么做,你先要确保你的客户端管理工具要能兼容,比如phpmyadmin,此次升级依然存在一个问题,mysql server和 ...

  3. css绘制特殊图形，meida查询，display inline-box间隙问题以及calc(）函数

    本文同时发表于本人个人网站 www.yaoxiaowen.com 距离上一篇文章已经一个月了,相比于写代码,发现写文章的确是更需要坚持的事情.言归正传,梳理一下这一个月来,在写ife任务时,有必要记录 ...

  4. 解决国内npm依赖包安装慢的问题

    可以通过 npm config set registry http://registry.npm.taobao.org命令设置镜像服务器为阿里巴巴镜像服务器,速度会快很多,亲测有效.

  5. iOS10配置说明

    1:如果你的App想要访问用户的相机.相册.麦克风.通讯录等等权限,都需要进行相关的配置,不然会直接crash掉. 要想解决这个问题,只需要在info.plist添加NSContactsUsageDe ...

  6. python 面向对象（进阶篇）

    上一篇<Python 面向对象(初级篇)>文章介绍了面向对象基本知识: 面向对象是一种编程方式,此编程方式的实现是基于对 类 和 对象 的使用 类 是一个模板,模板中包装了多个“函数”供使 ...

  7. C学习笔记 知识集锦(一)

    1.标识符  2.寄存器变量 3.全局变量 4.分配内存与初始化 5.变量定义与声明 6.作用域规则 跳转语句 7.&与&&,|和||的意义与区别 8.如何选择switch c ...

  8. zstack 离线升级1.1到 1.2 rc

    说明 zstack版本1.1是通过离线安装的. 升级过程 1 挂载下一个版本的zstack的社区版本centos镜像 ZStack-Community-x86_64-DVD-1.2.0.iso mkd ...

  9. AD10的PCB设计规则

    PCB布线规则,布板需要注意的点很多,但是基本上注意到了下面的这此规则,LAYOUT PCB应该会比较好,不管是高速还是低频电路,都基本如此. 1. 一般规则 1.1 PCB板上预划分数字.模拟.DA ...

  10. web网站的url设计

    通常再web网站设计url时是按功能模块设计url,然后再control层一个功能模块对应一个control层类,每个control类中的方法映射相应的url请求. 如果遇见另一个功能模块需要实现同样 ...