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. OLAP在大数据时代的挑战

    转行做数据相关的工作有近两年时间,除了具体技术,还有许多其它思考. 数据的价值 在涉及具体的技术前,先想一想为什么需要OLAP这样的系统,它有什么价值或者说在公司或部门这是不可取代的么? 可以带来哪些 ...

  2. Codevs 2370 小机房的树 LCA 树上倍增

    题目描述 Description 小机房有棵焕狗种的树,树上有N个节点,节点标号为0到N-1,有两只虫子名叫飘狗和大吉狗,分居在两个不同的节点上.有一天,他们想爬到一个节点上去搞基,但是作为两只虫子, ...

  3. js获取上传文件个数 以及名称

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. android模拟器没有键盘的解决方法

    刚开始使用android模拟器的时候,发现自己创建的AVD启动后没有出现侧边的键盘,在网上搜索后,发现很多人都有这个问题,也有文章说直接使用PC上的键盘,因为有对应的快捷键.但是,没有键盘,始终不爽! ...

  5. 毕设1--利用Java实现网页的模板功能技术---简要了解

    首先,关于我对自己的毕业设计题目的理解,其中没有接触过的技术有怎么用Java实现将原有的Word的模板上传到网页中,在网页中进行相关操作.之所以把这部分放在一开始来进行了解是因为没有接触过这一方面,比 ...

  6. swiper.animate~之~可以执行两种动画的升级版的Swiper Animate

        1.下载插件swiper.animate-twice.min.js,加载进页面. <!DOCTYPE html> <html> <head> ... < ...

  7. Android 基于Android的手机邮件收发（JavaMail）之一（准备工作）

    界面一共是五个界面,分别是welcomeActivity,ReceiveAndSendActivity,ReceiveListActivity,SendMailActivity,MailDetails ...

  8. 通过pustil模块取pid及对应的pidname

    通过pustil模块取pid及对应的pidname import psutil import json def getpid(): reslut = psutil.pids() return resl ...

  9. C#获取网页的HTML码、下载网站图片、获取IP地址

    1.根据URL请求获取页面HTML代码 /// <summary> /// 获取网页的HTML码 /// </summary> /// <param name=" ...

  10. 【转】Apache Digest验证

    Apache默认使用basic模块验证,都是明文传输,不太安全,所以本文使用Digest来验证,以提高安全性. 1.Apache配置: A.目录权限配置 Alias /nagios "/us ...