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. Virtualbox 虚拟机支持硬件摄像头

    最近我们公司做了一个摄像头项目,需要测试各种浏览器的情况,我就安装了一个Win xp的虚拟机,但是发现无法找到摄像头,经过查阅资料找到了解决办法 前提环境 Mac电脑 Virtualbox 虚拟机 虚 ...

  2. 《Linux内核设计与实现》CHAPTER13阅读梳理

    <Linux内核设计与实现>第13章阅读总结 [edited by 5216lwr] 一.虚拟文件系统概述 1.虚拟文件系统 (也称作虚拟文件交换或VF)作为内核子系统,为用户空间程序提供 ...

  3. imx6 DDR_Stress_Test

    在调试DDR的时候,有时候需要更改参数.今天发现NXP提供了DDR Stress Test工具,用于DDR参数的校准. 参考链接 http://blog.csdn.net/qq405180763/ar ...

  4. Swift: 比较Swift中闭包传值、OC中的Block传值

    一.介绍 开发者对匿名函数应该很清楚,其实它就是一个没有名字的函数或者方法,给人直观的感觉就是只能看到参数和返回值.在iOS开发中中,它又有自己的称呼,在OC中叫Block代码块,在Swift中叫闭包 ...

  5. Linux流量监控工具 - iftop

    iftop工具简述 今天看到一流量监控工具,觉得不错,就在自家服务器上装了一下,记录一下,留以后之需: 在类Unix系统中可以使用top查看系统资源.进程.内存占用等信息.查看网络状态可以使用nets ...

  6. java实现删除文件以及文件夹

    首先,需要明确的是File类中的delete()方法适用于删除空目录,或者单个文件. 然后,对于二级目录以上的文件夹的删除,需要分两步进行删除. 1.删除最底层目录下面的文件,或者空目录 当有多个文件 ...

  7. onload事件-----addLoadEvent函数

    在给网页加一些特效时经常要在<body>中加入“onload”事件,即在网页加载完后执行某事件,例如:<body onload=”alert(‘欢迎光临!')”,但这样做有个大的缺陷 ...

  8. Rational Rose2007下载安装教程以及问题处理

    Rational Rose2007详细安装步骤 学习了UML,那么Rational rose画图软件当然就是必不可少的了.我的电脑是win7 64位的系统.下面的链接是安装软件以及破解方法.该软件是B ...

  9. 【小窍门】cmd控制台无法输入中文（日文），输出非英文字符都是问号解决办法，中文都是问号解决办法

    在网上复制了一段代码,里面含有中文,而自己电脑本身系统是英文 win8/win10, 在VS 里debug之后输出后,中文都是问号.并不是乱码什么的. 奇怪了. 打开cmd,输入日文的时候,显示IME ...

  10. Drawable和Bitmap区别

    Bitmap - 称作位图,一般位图的文件格式后缀为bmp,当然编码器也有很多如RGB565.RGB888.作为一种逐像素的显示对象执行效率高,但是缺点也很明显存储效率低.我们理解为一种存储对象比较好 ...