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. 腾讯工程师教你玩转 RocksDB

    欢迎大家前往云+社区,获取更多腾讯海量技术实践干货哦~ 作者:腾讯云数据库内核团队 原文标题:[腾讯云CDB]教你玩转MyRocks/RocksDB-STATISTICS与后台线程篇 0. Intro ...

  2. 一步一步从原理跟我学邮件收取及发送 8.EHLO 命令详解

    我们在上一篇中解决了接收一行命令的问题后,就可以来具体的分析邮件发送过程中涉及到的 SMTP 协议内容了. 首先来看通讯过程中的第一个内容:服务器在客户端连接上来后会主动发送一个问好的信息,所以这第一 ...

  3. 渲染引擎(The rendering engine)

    渲染引擎的职责就是渲染,即在浏览器窗口中显示所请求的内容.这是每一个浏览器的核心部分,所以渲染引擎也称为浏览器内核. 渲染引擎一开始会从网络层获取请求文档的内容. 获取文档后,渲染引擎开始解析 htm ...

  4. Css的优先级机制

    样式的优先级 多重样式(Multiple Style):如果外部样式.内部样式.内联样式同时应用于同一个元素,就是使用多重样式的情况. 一般情况优先级如下: (外部样式)External style ...

  5. java IO(一)：File类

    */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hl ...

  6. MySQL--当事务遇到DDL命令

    众所周知MySQL的DDL语句是非事务的,即不能对DLL语句进行回滚操作,哪在事务中包含DDL语句会怎样呢? 如: #禁用自动提交 set autocommit=off; #创建tb1 create ...

  7. VSFTPD 源码安装升级

    /usr/local/sbin/vsd -v cp /usr/local/sbin/vsd /usr/sbin/vsd 制作启动脚本 vim /etc/xinetd.d/vsd disable = y ...

  8. Erlang调度器细节探析

    Erlang调度器细节探析 Erlang的很多基础特性使得它成为一个软实时的平台.其中包括垃圾回收机制,详细内容可以参见我的上一篇文章Erlang Garbage Collection Details ...

  9. CentOS6.9编译安装nginx1.4.7

    1.系统安装开发包组和zlib-devel,关闭iptables [root@bogon ~]# yum groupinstall -y "Development Tools" [ ...

  10. ssh 设置私钥实现两台linux主机无密码访问

    在服务器主机上(称为A主机) 创建公钥与私钥: ssh-keygen -t rsa 一路回车,如果想设置密码短语,在提示 passphrase 的时候设置密码短语 查看生成的公钥及私钥: ls ~/. ...