1.  JS基本概念

　 网景和sun联合开发javascript

javascript 三个部分：ECMAScript 语法    DOM(document object model)    BOM(browser object model)

2.  ECMAScript语法

如何引用js代码？

第一个引入方式：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        alert(123)

    </script>

</head>

<body>

</body>

</html>

　　第二种方式：将js代码存放到一个外部的js文件中.

　   变量和基本用法

定义变量：先声明变量使用var关键字,再为变量赋值，使用分号结尾。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x;

        x=10;

        alert(x);

        var y=11;

    </script>

</head>

<body>

</body>

</html>

　　注意：变量命名规范，命名格式，注释。

　　注释方式：//  单行   /*     */  多行注释

　　打印：console.log(变量名,typeof 变量名)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        var y="yangjianbo";

        var z=3.14;

        console.log(z,typeof y);

    </script>

</head>

<body>

</body>

</html>

　　

数据类型

　　　　number类型

　　　　字符串类型

　　　　布尔类型

　　　　undefined:  当一个变量只声明未赋值，则该变量类型为undefined，值为undefined.

　　　　　　　　　 当函数没有返回值的时候，默认返回一个undefined.

　　　　例子：类型为undefined,值也为undefined

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        var y="yangjianbo";

        var z=3.14;

        var a;

        console.log(a,typeof a);

    </script>

</head>

<body>

</body>

</html>

　　

运算符

　　　　算术运算符   + - * /  //  %   ++   --

　　　　++相当于+=1

　　　　--相当于-=1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        x++;

        console.log(x);

    </script>

</head>

<body>

</body>

</html>
注意：x++与++x的不同。
　　　两个结果都是一样的。
　　　但是有返回值的时候，就不一样了。
　　　res=x++,返回值res为10，x为11.先赋值再计算
　　  res=++x,返回值res为11，x为11.先计算再赋值.

　　　　　比较运算符   >=  <=  !=  ==  ===　

　　　　 var x=10;

        var y='10';

        console.log(x==y);
　　　　 返回的结果：true
　　　　 ==  会自动把y的值转换为数字。

var x=10;
var y='10';
console.log(x===y);
===   全等于， 不会转换数据类型。

　　

　　　　　　逻辑运算符：  &&    ||      !     与    或     非

　　　　　　赋值运算符：  +=    -+     =   *=    /=

　　　　       字符串运算符： +   拼接字符串

　　流程控制

　　　　　　顺序执行：代码都是顺序执行

　　　　　　分支执行：

　　　　　　　　if分支

　　　　　　　　if  (表达式)  {语句体}    else {语句体}

　　　　　　　　例子：

var x=50;
var y=50;
if (x>y) {
    console.log(x);
}
else  if (x=y){
    console.log('OK');
}
else {
    console.log('y')
}

　　　　　　　　switch分支

　　　　　　　　swith (表达式) {

　　　　　　　　　　case  值1:语句体;break;

　　　　　　　　　　case  值2:语句体;break;　

　　　　　　　　　　case  值3:语句体;break;

　　　　　　　　　　　　}

　　　　　　　　例子：

        var week=2;

        switch (week){

            case 1:alert("星期一");break;

            case 2:alert("星期二");break;

            case 3:alert("星期二");break;

        }

　　

　　　　　　循环执行：for  while     都是条件循环

　　　　　　while (表达式){

　　　　　　　　　　   语句体

　　　　　　　　　　　}　

　　　　　　　　　例子:

        var x=0

        while(x<10){

            console.log("OK");

            x+=1;

        }

　　　　　　for (表达式){

　　　　　　      语句体

　　　　　　　　}

　　      　　例子：

        for (var i=0 ;i<10;i++){

            console.log("OK");

        }
　　　　　　三要素：初始变量，条件，自增或自减
　　　　　　这是for的条件循环

　　　　　　

var x=[1,2,3];

            for (i in x){

                console.log(x[i]);

            }
　　　　　　　这是for循环的遍历循环。
　　　　　　　
　　　　　
var x=[1,2,3,8888];
for (var i=0;i<x.length;i++){
    console.log(x[i]);
}
推荐使用条件循环的方式。

　　

　　对象

　　　　字符串对象

　　　　 　　x.length  字符串长度

　　　　　　 x.toUpperCase()  改成大写

　　　　　　 x.indexOf('e')  找到字符e的索引是多少

　　　　　　x.substr()   第一个参数开始位置，第二个参数长度

　　　　　　x.substring()   第一个参数开始位置，第二个参数结束位置

　　　　  数组对象　

        var arr=[1,2,"aaa","bbbb",[2,3,4]];

        console.log(arr,typeof arr);

　　　　　　　join方法

　　　　　　　reverse方法

　　　　　　　sort方法

　　　　　　　slice方法   slice(2,4)  2为开始索引，4为结束索引

　　　　　　　push方法   在结尾后面插入数据

　　　　　　    pop方法

　　　　　　　shift方法　　

　　　　　　　unshift方法   在开始位置插入数据

　　　　　 时间对象

　　　　　　　

　　　　　　　　

　　　　　　　

　　　　　　

　　函数

　　面向对象

　　

Python3学习十四的更多相关文章

  1. 强化学习(十四) Actor-Critic

    在强化学习(十三) 策略梯度(Policy Gradient)中,我们讲到了基于策略(Policy Based)的强化学习方法的基本思路,并讨论了蒙特卡罗策略梯度reinforce算法.但是由于该算法 ...

  2. Scala学习十四——模式匹配和样例类

    一.本章要点 match表达式是更好的switch,不会有意外调入下一个分支 如果没有模式能够匹配,会抛出MatchError,可以用case _模式避免 模式可以包含一个随意定义的条件,称做守卫 你 ...

  3. python3笔记十四：python可变与不可变数据类型+深浅拷贝

    一:学习内容 python3中六种数据类型 python赋值 python浅拷贝 python深拷贝 二:python3六种数据类型 1.六种数据类型 Number(数字) string(字符串) L ...

  4. Python3 学习第四弹：编码问题（转载）

    关于python的编码问题一直以来不得解,终于在今天从这篇博文中明白了. 原文地址: http://nedbatchelder.com/text/unipain.html 译文地址:http://py ...

  5. android学习十四（android的接收短信）

    收发短信是每一个手机主要的操作,android手机当然也能够接收短信了. android系统提供了一系列的API,使得我们能够在自己的应用程序里接收和发送短信. 事实上接收短信主要是利用我们前面学过的 ...

  6. python3学习笔记四（列表1）

    参考http://www.runoob.com/python3/python3-list.html 序列 python包含6种内建的序列:列表,元组,字符串,Unicode字符串,buffer对象和x ...

  7. JavaWeb学习 (十四)————JSP基础语法

    一.JSP模版元素 JSP页面中的HTML内容称之为JSP模版元素.  JSP模版元素定义了网页的基本骨架,即定义了页面的结构和外观. 二.JSP表达式 JSP脚本表达式(expression)用于将 ...

  8. spring boot 学习(十四)SpringBoot+Redis+SpringSession缓存之实战

    SpringBoot + Redis +SpringSession 缓存之实战 前言 前几天,从师兄那儿了解到EhCache是进程内的缓存框架,虽然它已经提供了集群环境下的缓存同步策略,这种同步仍然需 ...

  9. Python学习十四：filter()

    Python 中内置了filter()函数用于过滤序列. 使用方法: filter()接收一个函数和一个序列. filter()把传入的函数依次作用于每一个元素,然后依据返回值是True还是False ...

随机推荐

  1. Python中的eval(),exec()以及其相关函数

    1. eval函数 函数的作用: 计算指定表达式的值.也就是说它要执行的Python代码只能是单个运算表达式(注意eval不支持任意形式的赋值操作),而不能是复杂的代码逻辑,这一点和lambda表达式 ...

  2. IDictionary使用/声明

    因为不常用,老师忘记怎么申明..这次记下来,哪天用了又忘了就来翻翻 主要代码 IDictionary<string, string> openWith = new Dictionary&l ...

  3. Ubuntu terminal colors

    Today I run ubuntu docker image on powershell and find the directory color is blue, so I want to cha ...

  4. LOJ#2085 循环之美

    解:首先看这个纯循环到底是什么玩意..... 经过一番打表,发现纯循环小数就是分母与进制互质的既约分数. #include <bits/stdc++.h> std::bitset<& ...

  5. [BJOI2019]奥术神杖（分数规划+AC自动机+DP）

    题解:很显然可以对权值取对数,然后把几何平均值转为算术平均值,然后很显然是分数规划.先对每个模式串建立AC自动机,每个节点w[i],sz[i]分别表示以其为前缀的字符串,然后再二分最优解k,然后w[i ...

  6. vue中的computed（计算属性）和watch(监听属性)的特点，以及深度监听

    //计算属性是根据data中已有的属性,计算得到一个新的属性, <div>全名:{{fullName}}</div> 创建计算属性通过computed关键字,它是一个对象 计算 ...

  7. Linux之vi编辑器

    vi编辑器是Linux系统下标准的编辑器.而且不逊色于其他任何最新的编辑器.可是会用的有多少呢.下面介绍一下vi编辑器的简单用法和部分命令.让你在Linux系统中畅行无阻. 基本上vi可以分为三种状态 ...

  8. 【Mac上的PotPlayer视频播放器】Movist Pro for Mac 2.1.2

    [简介] Movist 是Mac上最好用的视频播放器之一,功能齐全,类似Windows上的PotPlayer,今天和大家分享最新的 2.1.2 中文版本,Movist 支持几乎所有常见的视频格式,包括 ...

  9. git 本地项目推到远程仓库

    …or create a new repository on the command line echo "# blog" >> README.mdgit initgi ...

  10. Apache Hadoop 2.9.2 完全分布式部署

    Apache Hadoop 2.9.2 完全分布式部署(HDFS) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.环境准备 1>.操作平台 [root@node101.y ...