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. NSParagraphStyle 的属性

    UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 20, 20)]; label.font = [UIFont sys ...

  2. Luogu3732 [HAOI2017] 供给侧改革 【后缀数组】【线段树】【乱搞】

    题目分析: 这道题我是乱搞的,因为他说$01$串是随机的. 那么我们可以猜测能够让LCP变大的地方很少.求出后缀数组之后可能让LCP变大的地方就等价于从大到小往height里动态加点同时维护这个点左右 ...

  3. python 2.x 与3.x 的区别总结

    宏观上:2.x 源码不规范,混乱,冗余. 3.x 源码优美清晰,统一标准,去除了冗余.   默认编码方式:2.x ASCII码  3.x UTF-8 用2.x 处理中文时,需要声明编码方式(由于cmd ...

  4. Sublime Text 3 安装简记

    1.下载:( Sublime Text Version 3.1.1 Build 3176 ) https://www.sublimetext.com/3 2.安装Package Control: &q ...

  5. 怎么添加在安装好的nvidia-docker上面根据Dockerfile构建自己所需要的运行环境

    在已经创建好nvidia-docker环境之后,对于新手小白来说,又有一个问题了,就是如何根据Dockerfile来构建试验所需要的docker环境 主要是以下几个步骤 首先创建一个mydocker文 ...

  6. Apache的安装与配置+PHP

     https://blog.csdn.net/u012130971/article/details/79284937 文件夹名称不要有空格

  7. (转） qt: usb热插拔（linux);

    #include <stdio.h> #include <stdlib.h> #include <string.h> #include <ctype.h> ...

  8. 目前的.NET 主流的后端ORM框架

    转自:https://www.cnblogs.com/yeminglong/p/9518438.html  推荐一些常用的asp.net ORM框架 SqlSugar (国内) Dos.ORM (国内 ...

  9. Java虚拟机—Java8内存模型（整理版）

    1.概述 对于Java程序员来说,在虚拟机自动内存管理机制的帮助下,不再需要手动释放内存,不容易出现内存泄露和内存溢出问题.一旦出现内存泄露和溢出方面的问题,如果不了解虚拟机是怎样使用内存的,排查错误 ...

  10. 一秒钟带你走进P图世界-----（python）PIL库的使用

    python-----PIL库的使用 一.什么是PIL库 1.PIL(Python Image Library)库是python语言的第三方库,具有强大的图像处理能力,不仅包含了丰富的像素.色彩操作功 ...