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. sigmoid_cross_entropy_with_logits

    sigmoid_cross_entropy_with_logits 原创文章,请勿转载!!! 函数定义 def sigmoid_cross_entropy_with_logits(_sentinel= ...

  2. 节点操作,节点属性的操作及DOM event事件

    ##1. 节点操作 createElement(标签名) 创建一个指定名称的元素 someone.appendChild(new_node) 追加一个子节点(作为最后的子节点) someone.ins ...

  3. python之闭包与装饰器

    python闭包与装饰器 闭包 在函数内部定义的函数包含对外部的作用域,而不是全局作用域名字的引用,这样的函数叫做闭包函数. 示例: #-------------------------------- ...

  4. 解决mysql、vsftp远程连接速度慢的问题

    以 centOS 6.3(其他操作系统类似,同样适用)说明: 当我们的服务都配置正常的情况下,有时会出现连接速度慢而导致连接失败的问题 问题分析:这些情况一般都是DNS解析惹的祸 mysql连接速度慢 ...

  5. 主备（keepalived+haproxy)

    系统:centos6.9 mini 主机名    ip                                虚拟ip kh1     192.168.126.210 kh2     192. ...

  6. POJ 2125 Destroying The Graph [最小割 打印方案]

    Destroying The Graph Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 8311   Accepted: 2 ...

  7. XSD详解一 - 基本概念

    本分类下的文章主要是对W3School的文档进行整理:http://www.w3school.com.cn/x.asp XML Schema 是基于 XML 的 DTD 替代者. XML Schema ...

  8. WPF Effect 造成的字体模糊

    WPF 里面有个Effect ,暂且可以理解为 "特效" 分类. 但是有时候使用不恰当,容易出现各种毛病. 例如: 代码如下: <StackPanel HorizontalA ...

  9. 【linux之bash】

    bash的发展 1974年 贝尔实验室 Bourne Bourne Shell --> Bsh.sh 1978年 berke bill jey C shell --> Csh tcsh 8 ...

  10. srand()和rand（）函数的使用

    rand()函数不接受参数,默认以1为种子(即起始值). 随机数生成器总是以相同的种子开始,所以形成的伪随机数列也相同,失去了随机意义.(但这样便于程序调试) srand()函数就是指明种子的大小:只 ...