1.javascript是一门浏览器运行的脚本语言和java没关系

2.javascript语言写在哪里？

（1）可以写单独的文件里面去调用(推荐采用此方法)

index.html

<head>

     <script src="20160612.js">

     </script>

</head>

20160612.js

alert('hello world');

（2）写html文件头里，html文件里取调用

alert方法就是弹窗消息的东西

<head>

     <script type="text/javascript">

          alert('20160612');

     </script>

</head>

3.JavaScript的变量和函数

(1)变量(常用局部变量)

//定义变量，var

//变量没有类型，但是变量的值有类型之分

//局部变量

var date = '20160612';

//全局变量

window.date = "20160612";

(2)普通函数(和其他函数一样，返回值return在需要的时候添加)

function Foo(name){

  console.log(name);

}

//function定义函数Foo,后面的name是占位符，代表传递进去的参数

//console.log方法代表的是浏览器控制台输出,一般浏览器按F12，切换到console标签下就能看到

（3）匿名函数

var tmp = function(name){

     console.log(name)

}

//定义匿名函数;

//使用函数

temp('xiaobai');

（4）自执行函数(这种写法定义好后就直接执行了，不用像之前的写法那样function Foo(){};   Foo())

//开头先写2个括号()()

//保持良好的写法习惯，避免不必要的麻烦

//

(function(){ console.log('hello world'); })()

//

(function(name){ console.log(name); })('xiaoming')

4.JavaScript的字符串处理

主要介绍几个比较常用的字符串处理函数及属性

（1）trim方法；字符串格式化，去掉空格的东西，类似于Python的strip

var name = '    LaoWang    '

//字符串是不可变类型数据，所有方法得到的结果只是先出出来，变量本身值未改变

name.trim()

//如果要取到改变后的值，建议重新赋值

var new_name = name.trim()

（2）charAt方法；取到固定索引位置的字符

charAt(index)

var name = 'LaoWang'

name.charAt(0)

name.charAt(1)

name.charAt(2)

（3）substring方法；取到字符串其中的某些字符，取某些范围,类似于Python的列表分片

substring(start,end)

var name = 'LaoWang'

name.substring(0,3)

name.substring(1,4)

（4）indexOf方法；取到某个字符所在的索引，只取从最开头的第一个

var name='LaoWang'

name.indexOf('L')

name.indexOf('w')

（5）length属性，获取字符串的长度

var name='LaoWang'

var length = name.Length

console.log(length)

5.JS数组

数组类似于Python里面的列表，有索引，有对应的值

（1）创建数组

var array = [11,22,33,44,55]

var array = Array(11,22,33,44,55)

（2）数组里面添加数据

var array = [11,22,33,44,55]

//最后添加数据，类似于列表的追加

array.push(66)

//最前插入

array.unshift(0)

//指定位置插入，中间1不能改变，代表插入后，值以此往后移

array.splice(0,1,'00')

//在开始的地方插入字符串00

（3）数组里面删除数据

var array = [11,22,33,44,55,66]

//最后删除一个

array.pop()

//最开始删除一个

array.shift()

//指定位置删除

array.splice(index,count)

（4）数组的截取，列表分片操作

var array = [11,22,33,44,55]

//截取数组里面从0开始到2结尾的数据，不包括2

array.slice(0,2)

（5）数组的合并

var array=[11,22,33,44,55];

var array2=[77,88];

//把array2数组合并到数组1里面去

array.concat(array2);

console.log(array)

（6）数组的翻转

var array=[11,22,33,44,55]

//数组翻转

array.reverse()

（7）数组和字符串的转化

var array = [11,22,33,44,55]

//列表转化为字符串，列表里的每个元素之间相连分隔为_

array.join('_')

（8）数组长度

array = [11,22,33,44,55,66]

array.length

6.JS循环

var array=[11,22,33,44,55]

//取出里面的所有索引

for(var item in array){

    console.log(item)

}

//取出里面的所有值

for(var item in array){

   console.log(array[item])

}

JavaScript基础教程1-20160612的更多相关文章

  1. 《JavaScript基础教程（第8版）》PDF

    简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...

  2. javascript基础教程学习总结(1)

    摘自javascript基础教程 开始: 1.将脚本放在哪里: 1.1 放在html和<html>之间 范例: <!DOCTYPE html PUBLIC "-//W3C/ ...

  3. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  4. Web前端-JavaScript基础教程下

    Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...

  5. web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程

    1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.p ...

  6. javascript 基础教程[温故而知新一]

    子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果 ...

  7. [JavaScript] 学习笔记-JavaScript基础教程

    1.JavaScript介绍 1)JavaScript是互联网上最流行的脚本语言,这门语言可用于Web和HTML,更可广泛用于服务器.pc端.移动端.JavaScript是一种轻量级的编程语言,插入H ...

  8. JavaScript基础教程2-20160612

    1.JavaScript之操作html元素,Dom Dom是抽象出来的网页对象,需要了解面向对象的思想:调用对象下的方法实现相应的功能 使用JS调用dom来创建标签. //document是网页对象 ...

  9. JavaScript基础教程复习笔记

    document.write("<h1>这是一个标题</h1>"); 您只能在 HTML 输出中使用 document.write.如果您在文档加载后使用该 ...

随机推荐

  1. JDBC （五）

    1 使用dbutils进行一对多.多对多的开发 1.1 准备 mysql驱动的pom.xml <!-- https://mvnrepository.com/artifact/mysql/mysq ...

  2. linux之cut命令简单用法

    语法 cut [-bn] [file] cut [-c] [file] cut [-df] [file] 使用说明: cut 命令从文件的每一行剪切字节.字符和字段并将这些字节.字符和字段写至标准输出 ...

  3. 并发思考-actor和thread那个好点？

    实验课题:测试actor和thread那个好? 实验方法:利用数据库连接池创建连接,交由线程去工作,在回收,看看程序运行状况. 实验步骤: 1.创建数据连接工具类: import java.sql.{ ...

  4. 【视频编解码·学习笔记】5. NAL Unit 结构分析

    在上篇笔记中通过一个小程序,可以提取NAL Unit所包含的的字节数据.H.264码流中的每一个NAL Unit的作用并不是相同的,而是根据不同的类型起不同的作用.下面将对NAL Unit中的数据进行 ...

  5. openstack一键安装脚本（转载）

    #!/bin/sh # openstack pike 单机 一键安装 # 环境 centos 7.4.1708 x86_64 # 更多内容 http://dwz.cn/openstack # Myde ...

  6. 性能测试监控：Jmeter +InfluxDB +collectd +Grafana

    虚拟机ip 192.168.180.128 Influxdb Influxdb是一个开源的分布式时序.时间和指标数据库,使用go语言编写,无需外部依赖. 它有三大特性: 时序性(Time Series ...

  7. 话说CentOS6的启动流程

    1.按下开机按钮,电脑的主板通电,电脑开始加电自检(POST,Power On and Self Test),测试主机的硬件是否满足开机的要求. 2.加载主板上的BIOS(Base Input/Out ...

  8. 洛谷 [P2024] 食物链

    并查集 这是一道比较特殊的并查集,开一个三倍的数组, 1-n保存同类,n-n×2保存猎物,n2~n3保存天敌: #include <iostream> #include <cstdi ...

  9. 洛谷 P3672 小清新签到题 [DP 排列]

    传送门 题意:给定自然数n.k.x,你要求出第k小的长度为n的逆序对对数为x的1~n的排列 $n \le 300, k \le 10^13$ 一下子想到hzc讲过的DP 从小到大插入,后插入不会对前插 ...

  10. 树莓派小车（三）Python控制小车

    正文之前 由于最近忙于复习赶考,所以暂时没有拿起树莓派小车,直到昨天,终于空出时间来把代码整理一下来和大家分享. 正文 在树莓派小车系列之二中,讲到了树莓派的引脚定义方式有两种: PHYSICAL N ...