简介

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. mysql5.7中解决中文乱码的问题

    在使用mysql5.7时,会发现通过web端向数据库中写入中文后会出现乱码,但是在数据库中直接操作SQL语句插入数据后中文就显示正常,这个问题怎么解决呢?此处不对mysql的数据编码过程和原理进行讲解 ...

  2. java3 - 流程控制

    一.Java 有三种主要的循环结构: 需求:分别使用三种循环将 1 到 100 的整数输出到控制台. 1.for 循环 for(初始化语句; 布尔表达式语句; 更新语句) { //循环体内容 } 示列 ...

  3. Sphinx下载、安装、配置、Hello World、文档阅读

    sphinx下载.安装.配置.Hello World.查看文档

  4. Centos6增加新用户并赋予权限

    第一步:创建用户并设置密码 useradd testuser // 增加用户名为'testuser'的用户 passwd testpasswd //设定密码为'testpasswd' 第二步:用户授权 ...

  5. JS中的Undefined和Null的区别

    Undefined ①在声明变量时,如果没有给变量赋值,则这个变量就是undefined类型: ②访问未声明的变量会报错误消息,但这样的变量使用 typeof 测试,返回的值为Undefined. 即 ...

  6. POJ - 2698 贪心

    经典面替换算法,每次选择最远的那个碟片请求进行替换. AC代码 #include <cstdio> #include <cmath> #include <algorith ...

  7. 使用org.apache.commons.logging打日志注意事项

    使用方法:例如,protected final Log logger = LogFactory.getLog(getClass());if (logger.isDebugEnabled()) { lo ...

  8. Hadoop 错误归档库

    在hive中操作任意mapreduce相关语句 The size of Container logs revealed the below error: 2015-04-24 11:41:41,858 ...

  9. linux虚拟化概述

    虚拟化硬件虚拟化:一台物理机虚拟出多台逻辑上的计算机cpu,内存可分配给多个虚拟机软件虚拟化:一个LAMP平台支撑多个网站桌面虚拟化...... 虚拟机:通过软件平台模拟出的计算机对最终用户来说,感受 ...

  10. a标签文字选中后的颜色样式更改

    ::selection 选择器,选择被用户选取的元素部分.是css3的用法,讲真,我觉得这个东西没必要特地去写.因为选中样式默认的会根据你的背景颜色还有字体color来设置颜色 这是我默认的样式