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. web.xml 中<context-param>与<init-param>的区别与作用

    <context-param>的作用: web.xml的配置中<context-param>配置作用 1. 启动一个WEB项目的时候,容器(如:Tomcat)会去读它的配置文件 ...

  2. css img换行之后有空隙

    这样的2个图片换行之后有空隙<img src="img/qiche.jpg" /> <br /> <img src="img/qiche.j ...

  3. Part 1：请求与响应--Django从入门到精通系列教程

    该系列教程系个人原创,并完整发布在个人官网刘江的博客和教程 所有转载本文者,需在顶部显著位置注明原作者及www.liujiangblog.com官网地址. Python及Django学习QQ群:453 ...

  4. 【转】5 Best Place to Learn Linux – Linux Tutorial Sites

    Linux have amazed every tech guy and make them curious to hands on Linux. Many of us not feel Linux ...

  5. Mysql高可用架构（主从同步）

    做高可用的优势 1.成本低 2.解决单点故障 3.不容易遇到性能瓶颈 一 .Mysql主从同步架构搭建案例 优点如下:·在业务繁忙阶段,在从服务器上可以执行查询工作(即我们常说的读写分离),降低主服务 ...

  6. （转载）用VS2012或VS2013在win7下编写的程序在XP下运行就出现“不是有效的win32应用程序“

    原文地址:http://www.vcerror.com/?p=1483 问题描述: 用VC2013编译了一个程序,在Windows 8.Windows 7(64位.32位)下都能正常运行.但在Win ...

  7. display:inline-block下，元素不能在同一水平线及元素间无margin间距的问题解决方法

    在前端页面编辑中,常常用于块元素横排列时,我们会用到浮动或者dispaly:inline-block: 浮动虽然好用,效果明显,但是会存在潜在BUG,(暂且不论):那么display:inline-b ...

  8. 不使用Math.random实现随机数

    不使用Math.random实现随机数 var rand = (function(){ var today = new Date(); var seed = today.getTime(); func ...

  9. P1045 麦森数

    别问我为什么要写水题 #include <iostream> #include <cstdio> #include <cstring> #include <a ...

  10. BZOJ 1998: [Hnoi2010]Fsk物品调度 [置换群 并查集]

    传送门 流水线上有n个位置,从0到n-1依次编号,一开始0号位置空,其它的位置i上有编号为i的盒子.Lostmonkey要按照以下规则重新排列这些盒子. 规则由5个数描述,q,p,m,d,s,s表示空 ...