简介

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型

1.注释

单行   //

多行   /*   */

2.引用方式

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="commons.js"></script>

</head>

<body>

    <script>

        alert('derek')

    </script>

</body>

3.JavaScript代码要放在<body>最下面，可以让网页尽快的呈现给用户，减少浏览者的等待时间，避免因为JS代码块阻塞网页的呈现。

常用数据类型

1.变量

局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量

// 全局变量

name = 'derek';

function demo() {

    // 局部变量

    var age = 18;

    // 全局变量

    gender = 'M'

}

2.数字

JavaScript中不区分整数值和浮点数值，JavaScript中所有数字均用浮点数值表示。

转换：

  • parseInt(..)    将某值转换成数字，不成功则NaN
  • parseFloat(..) 将某值转换成浮点数，不成功则NaN

特殊值：

  • NaN，非数字。可使用 isNaN(num) 来判断。
  • Infinity，无穷大。可使用 isFinite(num) 来判断

3.字符串

(1)charAt （输入索引位置获取字符）

a='derek'

"derek"

a.charAt(2)

"r"

a.charAt(4)

"k"

(2)substring （输入起始位置，结束位置获取字符）

a.substring(2,4)

"re"

(3)lenght （获取当前字符串长度）

a.length

5

(4)concat （字符串拼接）

a.concat('123')

"derek123"

(5)查看索引位置

a.indexOf('k')

4

a.indexOf('r')

2

(6)split （分割字符）

a.split('e')

(3) ["d", "r", "k"]

a.split('e',1)

["d"]

a.split('e',2)

(2) ["d", "r"]
String.length    字符串的长度

String.trim()    移除空白

String.trimLeft()    移除左侧空白

String.trimRight()    移除右侧空白

String.concat(value, ...)    拼接

String.slice(start, end)    切片

String.split( )    分割

String.search( )    从头开始匹配，返回匹配成功的第一个位置(g无效)

String.match( )    全局搜索，如果正则中有g表示找到全部，否则只找到第一个

String.replace( )    替换，正则中有g则替换所有，否则只替换第一个匹配项；

$数字：匹配的第n个组内容；

$&：当前匹配的内容；

$`：位于匹配子串左侧的文本；

$'：位于匹配子串右侧的文本

$$：直接量$符号

String.charAt( )    返回字符串中的第n个字符

String.charCodeAt( )    返回字符串中的第n个字符的代码

String.fromCharCode( )    从字符编码创建—个字符串

String.indexOf( )    查找子字符串位置

String.lastIndexOf( )    查找子字符串位置

String.localeCompare( )    用本地特定的顺序来比较两个字符串

String.substr( )    抽取一个子串

String.substring( )    返回字符串的一个子串

String.toLocaleLowerCase( )    把字符串转换小写(针对地区，在不知道程序在哪个语言环境中运行时用)

String.toLocaleUpperCase( )    将字符串转换成大写(针对地区)

String.toLowerCase( )    小写

String.toUpperCase( )    大写

String.toString( )    返回原始字符串值

String.toString()    返回原始字符串值

String.valueOf( )    返回原始字符串值

更多

4.布尔值

true（真）和false（假），要用小写

==      比较值相等

!=       不等于

===   比较值和类型相等

!===  不等于

||        或

&&      且

5.数组

a = [11,22,33,44]     -->数组

(4) [11, 22, 33, 44]

a.splice(1,2)         -->切片

(2) [22, 33]

a.splite(1,3,66)
Array.length    数组的大小

Array.push()    尾部添加元素

Array.pop()    删除并返回数组的最后一个元素

Array.unshift()    在数组头部插入一个元素

Array.shift( )    在数组头部移除一个元素

Array.slice( )    切片

Array.reverse( )    反转

Array.join( )    将数组元素连接起来以构建一个字符串

Array.concat( )    拼接

Array.sort( )    排序

Array    对数组的内部支持

Array.splice( start, deleteCount, value, ...)

插入、删除或替换数组的元素

obj.splice(n,0,val) 指定位置插入元素

obj.splice(n,1,val) 指定位置替换元素

obj.splice(n,1)    指定位置删除元素

Array.toLocaleString( )    把数组转换成局部字符串

Array.toString( )    将数组转换成一个字符串

6、字典　

创建字典

>dic = {'k1':'v1','k2':'v2'};

<Object {k1: "v1", k2: "v2"}

语句

1.循环

（1）for循环，两种方式

    a = [11,22,33,44]

    for(var item in a){

        console.log(a[item])

    }

11

22

33

44
a = [11,22,33,44]

        for(var i=0;i<a.length;i += 1){

            console.log(a[i])

        }

11

22

33

44

（2）while循环

while(条件){

    // break;

    // continue;

}

2.条件语句

（1）if语句

if(条件){

    }else if(条件){

    }else if(条件){

    }else{

    }

（2）switch条件语句

switch(name){

        case '1':

            age = 123;

            break;

        case '2':

            age = 456;

            break;

        default :

            age = 777;

    }

函数

// 普通函数

    function func(arg){

        return true;

    }

// 匿名函数

    var func = function(arg){

        return "derek";

    }

// 自执行函数

    (function(arg){

        console.log(arg);

    })('derek')

正则表达式

1.匹配模式　

/.../  用于定义正则表达式

/.../g 表示全局匹配

/.../i 表示不区分大小写

/.../m 表示多行匹配

2.test

（判断字符串是否符合规定的正则）

rep = /\d+/             -->只要有符合匹配的就返回true

/\d+/

rep.test('derek')

false

rep.test('derek123')

true

rep = /^\d+$/          -->全部符合匹配的才返回true

/^\d+$/

rep.test('derek123')

false

rep.test('123')

true

3.exec

exec(string)    用于获取正则匹配的内容

4.规则

\d     数字，等同于[0-9]

\D     非数字，等同于[^0-9]

\s     空白字符

\S     非空白字符

\w     字母、数字、下划线，等同于[0-9A-Za-z_](汉字不属于\w)

\W     非字母、数字、下划线，等同于[^0-9A-Za-z_]
元字符         名称              匹配对象

.             点号              单个任意字符(除回车\r、换行\n、行分隔符\u2028和段分隔符\u2029外)

[]            字符组             列出的单个任意字符

[^]           排除型字符组        未列出的单个任意字符

?             问号               匹配0次或1次

*             星号               匹配0交或多次

+             加号               匹配1次或多次

{min,max}     区间量词           匹配至少min次，最多max次

^             脱字符             行的起始位置

$             美元符             行的结束位置

|             竖线               分隔两边的任意一个表达式

()            括号               限制多选结构的范围，标注量词作用的元素，为反向引用捕获文本

\1,\2...      反向引用            匹配之前的第一、第二...组括号内的表达式匹配的文本

定时器

setInterval（“执行函数”，“时间”）表示创建一个定时器

  <script>

       function func(){

           console.log(1);

       }

       //创建一个定时器

       setInterval('func()',5000);   //5000表示5秒，每隔五秒执行一次func()

    </script>

做个滚动字符的实例

<body>

    <div id="i1">欢迎来到zhang_derek的blog</div>

    <script>

       function func(){

           var tag = document.getElementById('i1');

           var content = tag.innerText;

           var f = content.charAt(0);

           var l = content.substring(1,content.length);

           var new_content = l + f;

           tag.innerText = new_content;

       }

       setInterval('func()',500);

    </script>

</body>

19.JavaScript的更多相关文章

  1. 19+ JavaScript 常用的简写技巧

    博主说:对于任何基于 JavaScript 的开发人员来说,这绝对是一篇必读的文章,乃提升开发效率之神器也. 正文 js 1. 三元运算符 当你想用一行代码来写if...else语句的时候,使用三元操 ...

  2. python笔记-19 javascript补充、web框架、django基础

    一.JavaScript的补充 1 正则表达式 1.1 test的使用 test 测试是否符合条件 返回true or false 1.2 exec的使用 exec 从字符串中截取匹配的字符 1.3 ...

  3. javascript总结19:javascript 使用概述

    1 JS作用 1．验证表单(以前的网速慢)`` 2．页面特效(PC端的网页效果) 3．移动端(移动web和app) 4．异步和服务器交互(AJAX) 5．服务端开发(nodejs) 2 浏览器的主要构 ...

  4. 19 JavaScript数组 &数组增删&最值&排序&迭代

    关联数组(散列) 关联数组又叫做散列,即使用命名索引. JavaScript数组只支持数字索引. JavaScript对象使用命名索引,而数组使用数字索引,JavaScript数组是特殊类型的对象. ...

  5. 2016/01/19 javascript学习笔记-name属性

    1. name属性只在少数html元素中有效:包括表单.表单元素.<iframe>和<img>元素. 基于name属性的值选取html元素,可以使用document对象的get ...

  6. javascript 笔记！

    1.通过javascript向文档中输出文本 document是javascript的内置对象,代表浏览器的文档部分 document.write("Hello Javascript&quo ...

  7. JavaScript第一天

    1.静态的网页技术和动态的网页技术 静态网页是相对于动态网页而言,是指没有后台数据库.不含程序和不可交互的网页.你编的是什么它显示的就是什么.不会有任何改变.静态网页相对更新起来比较麻烦,适用于一般更 ...

  8. JavaScript深究系列 [一]

    1. JavaScript中 = = = 首先,== equality 等同,=== identity 恒等. ==, 两边值类型不同的时候,要先进行类型转换,再比较. ===,不做类型转换,类型不同 ...

  9. Javascript题库

    一.填空题 JavaScript有两种引用数据类型 :__数组___.__对象__. Javascript通过__setTimeout___延迟指定时间后,去执行某程序. Javascript里Str ...

随机推荐

  1. 【JavaWeb】DbUtils入门之QueryRunner

    DbUtils简介 根据官网的介绍,DbUtils是一种 JDBC Utility Component (翻译过来大概就是:JDBC实用部件),故名思意,和数据库操作有关 官网上的简介也称之为 JDB ...

  2. Yii如何使用数据库

    1.Yii如何使用数据库 Yii通过数据库访问对象(Database Access Objects,简称DAO)来使用数据库的. DAO建立在"PHP数据对象(PDO)之上,并提供一套面向对 ...

  3. Sublime Text编辑远程Linux服务器上的文件

    sublime有个叫sftp的插件,可以通过它直接打开远程机器上的文件进行编辑,并在保存后直接同步到远程linux服务器上. 用Package Control安装插件 按下Ctrl+Shift+P调出 ...

  4. Java集合框架（一）—— Collection、Iterator和Foreach的用法

    1.Java集合概述 在编程中,常常需要集中存放多个数据.当然我们可以使用数组来保存多个对象.但数组长度不可变化,一旦在初始化时指定了数组长度,则这个数组长度是不可变的,如果需要保存个数变化的数据,数 ...

  5. 1014. Waiting in Line (模拟)

    n个窗口就有n个队列,模拟这n个队列就可以了.需要注意的是,一个人在选择排队窗口的时候,他会选择排队人数最少的窗口,如果存在多个窗口排队的人数相同,那么他会选择编码最小的窗口. Note that s ...

  6. HTTP协议报文结构及示例

    HTTP基本架构 下面我们用一张简单的流程图来展示HTTP协议基本架构,以便大家先有个基本的了解. 9.png Web Client可以是浏览器.搜索引擎.机器人等等一切基于HTTP协议发起http请 ...

  7. FFMpeg.H264解码win开发环境搭建

    开发环境: vc6.0 + sp5 + vcpp5,注意vcpp5在vc6+sp6上会安装失败. 源码: ff_264_dec_vc,可用vc进行编译调试,但编译环境限定如上. 声明:该工程是ffmp ...

  8. R语言︱缺失值处理之多重插补——mice包

    每每以为攀得众山小,可.每每又切实来到起点,大牛们,缓缓脚步来俺笔记葩分享一下吧,please~ --------------------------- 笔者寄语:缺失值是数据清洗过程中非常重要的问题 ...

  9. An internal error occurred during: "Building workspace". GC overhead limit exceeded

    1 错误描述 2 错误原因 3 解决办法

  10. 百度地图JavaScript API经纬度查询-MAP

    百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size=&quo ...