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. Xshell配合Screen之ssh会话永不断开

    [转]Xshell配合Screen之ssh会话永不断开 - 海运的博客

  2. 【dp】P2642 双子序列最大和

    题目描述 给定一个长度为n的整数序列,要求从中选出两个连续子序列,使得这两个连续子序列的序列和之和最大,最终只需输出最大和.一个连续子序列的和为该子序列中所有数之和.每个连续子序列的最小长度为1,并且 ...

  3. python中的技巧——杂记

    杂记 zip的用法 对于 a = [1,2,3] b = [3,2,1] 若要同时遍历 for x, y in zip(a, b): pass zip(a, b)=> [(1,2,3),(3,2 ...

  4. LOJ 6281 数列分块入门 5

    简化版题意 给出一个长为n的数列,以及n个操作,操作涉及区间开方(每个数都向下取整),区间求和,保证所有数都为有符号32位正整数. N<=50000 Solution 首先我们先思考: 一个有符 ...

  5. django rest framework pagination

    REST framework 包含对可定制分页样式的支持.这使你可以将较大的结果集分成单独的数据页面. 分页 API 支持: 以分页链接的形式作为响应内容的一部分. 以分页链接的形式包含在响应的 he ...

  6. php中的md5()的安全问题

    汇总下php中md5()的安全问题 安全问题1: 1.x=任意字符串  md5('x')=0e*** 2.y=任意字符串  md5('y')=0e*** 如果x==y,php会返回true,在有些时候 ...

  7. (模拟) codeVs1083 && 洛谷P1014 Cantor表

    题目描述 Description 现代数学的著名证明之一是Georg Cantor证明了有理数是可枚举的.他是用下面这一张表来证明这一命题的: 1/1 1/2 1/3 1/4 1/5 … 2/1 2/ ...

  8. 帕斯卡（pascal）命名法：

    帕斯卡(pascal)命名法: 与骆驼命名法类似.只不过骆驼命名法是首字母小写,而帕斯卡命名法是首字母大写 如:public void DisplayInfo(); string UserName; ...

  9. macOS Mojave配置OpenGL开发环境

    ---恢复内容开始--- 前言: 本文写作目的: 是由于本人参考 csdn原文 的方法配置环境时踩了很多坑,所以在此写一篇文防止以后用到. 工具: Xcode CMake 步骤: 准备工作: Xcod ...

  10. zipline-- 开发指南

    Development Guidelines开发指南This page is intended for developers of Zipline, people who want to contri ...