一、javaScript

语法:大小写敏感,弱类型(所有类型都用var进行引导、声明)

写在<script></script>标签里  不可以放在title里

var num=10;

var str='123a';

var isRight=true;

var ch='c';

.....

输出

  alert(num);

  alert(str);

-->当字符串在纯JS代码中时,使用双引号,

当字符串在html页中,混合使用的嗯时候,使用单引号,避免与属性值冲突’

1、javascript事件

---》onclick   鼠标点击事件

-->onblur   失去焦点

-->onmouseover   鼠标悬停

-->由于js中的类型是弱类型,因此非常容易出现计算数字的时候,变成字符串拼接的情况

parseint(字符串);

将字符串转换成数字进行计算

2、匿名函数  (跟C#的委托的匿名方法类似)

把一个方法作为一个变量来使用

var func=function(){

;

;i<=;i++){

sum+=i;

}

return sum;

}

var num=func();

alert(num);

3、对象

js中的对象可以看做为构造函数

在创建对象的时候,可以直接通过对象名.成员名的方式进行创建对象成员,只要赋值了一次,以后就可以直接当做对象的属性或方法直接使用

function Person(){

this.name="张三";

;

this.gender='男';

this.sayHello=function(){

alert('你好,我叫'+this.name+',今年'+this.age+'岁了,'+'我是'+this.gender+'同学。');

//alert('你好,我叫{0},今年{1}岁了,我是{2}同学。',this.name,this.age,this.gender);

}

}

var p=new Person();

p.name='蒋中正';

p.zhiye='学生';

p.sayHi=function(){

alert('你好,我叫'+this.name+',今年'+this.age+'岁了,'+'我是'+this.gender+'同学。我是'+this.zhiye);

}

p.sayHello();

p.sayHi();

js数组

push 方法

将一个或多个新元素追加到数组的末尾中,并返回数组的新长度值。

arr.push([item1 [item2 [. . . [itemN ]]]])

如:

,,,,);
arr.push(,,,,”枫岩”,”CnLei”);
alert(arr[arr.length-]);

————————————————

pop 方法

移除数组中的最后一个元素并返回该元素,如果该数组为空,那么将返回 undefined。

arr.pop()

示例

var arrayObj = new Array(0,1,2,3,4);

alert(arrayObj.pop());

shift 方法

移除数组中的第一个元素并返回该元素。

arr.shift( )

unshift 方法

将指定的一个或多个元素插入数组开始位置并返回该数组。

arr.unshift([item1[, item2 [, . . . [, itemN]]]])

concat 方法 (Array)

返回一个新数组,这个新数组是由两个或更多数组组合而成的。

array1.concat([item1[, item2[, . . . [, itemN]]]])

concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。

要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。

如果某一项为数组,那么添加其内容到 array1 的末尾。

如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。

以下为从源数组复制元素到结果数组:

对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。 对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。

function ConcatArrayDemo(){
 var a, b, c, d;
 a = ,,);
 b = “JScript”;
 c = , “VBScript);
 d = a.concat(b, c);
 return(d);  // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"]
}

join 方法

返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。

arr.join(char)

arr为Array 对象。

char是一个 String 对象,作为数组元素之间的分隔符。如果省略了这个参数,那么数组元素之间就用一个逗号来分隔。

说明

如果数组中有元素没有定义或者为 null,将其作为空字符串处理。

示例

下面这个例子说明了 join 方法的用法。

function JoinDemo(){
 var a, b;
 a = ,,,,);
 b = a.join(“-”);
 return(b);     // 返回 “0-1-2-3-4″
}

sort 方法

返回一个元素已经进行了排序的 Array 对象。

arr.sort(fun)

参数

arr是 Array 对象。

fun是用来确定元素顺序的函数名。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。

说明

sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。

如果提供了 fun 参数,那么该函数必须返回下列值之一:

(1)负值,如果所传递的第一个参数比第二个参数小。

(2)零,如果两个参数相等。

(3)正值,如果第一个参数比第二个参数大。

示例

<script type=”text/javascript”>
function AscSort(x, y) {
   : (x > y ?  : -);
}

function DescSort(x, y) {
   : (x > y ? - : );
}

function RandomSort(x, y) {
   –  );
}

,,,,,,,,];

document.write(“<p>正序:” + array.sort(AscSort) + “</p>”);
document.write(“<p>倒序:” + array.sort(DescSort) + “</p>”);
document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”);
document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”);
document.write(“<p>随机排序:” + array.sort(RandomSort) + “</p>”);
</script>

slice 方法 (Array)

返回一个数组的一段。返回一个 Array 对象

arr.slice(start, [end])

参数

start 开始元素是从零开始计算的下标。

end 结束元素是从零开始计算的下标。

slice 方法一直复制到 end 所指定的元素,但是不包括该元素。

如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。

如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。

如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。

如果 end 出现在 start 之前,不复制任何元素到新数组中。

示例

在下面这个例子中,除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:

newArray = myArray.slice(0, -1)

splice 方法

从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。

arr.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数

start 指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。

deleteCount 要移除的元素的个数。

item1, item2,. . .,itemN  要在所移除元素的位置上插入的新元素。

reverse 方法

返回一个元素顺序被反转的 Array 对象。

arr.reverse( )

在执行过程中,这个方法并不会创建一个新的 Array 对象。

如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

示例

function ReverseDemo(){
 var a, l; // 声明变量。
 a = ,,,,); // 创建数组并赋值。
 l = a.reverse(); // 反转数组的内容。
 return(l); // 返回结果数组。
}

数往知来 JavaScript<十三>的更多相关文章

  1. 从头开始学JavaScript (十三)——Date类型

    说明:UTC:国际协调日期 GMT:格林尼治标准时间 一.date类型的创建 使用new操作符和Date()构造函数 var now=new Date(): 传入参数:Date.parse()和Dat ...

  2. JavaScript高级程序设计:第十三章

    第十三章 一.理解事件流 事件流描述的是从页面中接收事件的顺序. 1.事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点.以下面的HTML页面为例: ...

  3. JavaScript -- 时光流逝(十三):DOM -- Console 对象

    JavaScript -- 知识点回顾篇(十三):DOM -- Console 对象 (1) assert() : 如果断言为 false,则在信息到控制台输出错误信息.(2) clear() : 清 ...

  4. How Javascript works (Javascript工作原理) (十三) CSS 和 JS 动画底层原理及如何优化其性能

    个人总结:读完这篇文章需要20分钟. 这是 JavaScript 工作原理的第十三章. 概述 正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完 ...

  5. JavaScript 工作原理之十三-CSS 和 JS 动画底层原理及如何优化其性能

    原文请查阅这里,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十三章. 概述 正如你 ...

  6. JavaScript权威设计--Window对象(简要学习笔记十三)

    1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Doc ...

  7. JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

    DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象 ...

  8. JavaScript要点(十三) HTML DOM EventListener

    addEventListener() 方法 <body> <p>该实例使用 addEventListener() 方法在按钮中添加点击事件. </p> <bu ...

  9. javascript基础学习(十三)

    javascript之文档对象 学习要点: 文档对象 文档对象的应用 一.文档对象 Document对象是代表一个浏览器窗口或框架中的显示HTML文件的对象.javascript会为每个HTML文档自 ...

随机推荐

  1. 大型web系统架构详解

    (如果感觉有帮助,请帮忙点推荐,添加关注,谢谢!你的支持是我不断更新文章的动力.本博客会逐步推出一系列的关于大型网站架构.分布式应用.设计模式.架构模式等方面的系列文章) 动态应用,是相对于网站静态内 ...

  2. 《Linux内核设计与实现》读书笔记 - 目录 (完结)【转】

    转自:http://www.cnblogs.com/wang_yb/p/3514730.html 读完这本书回过头才发现, 第一篇笔记居然是 2012年8月发的, 将近一年半的时间才看完这本书(汗!! ...

  3. PowerDesigner建立与数据库的连接,以便生成数据库和从数据库生成到PD中。

    第一步,打开PD15,找到[Database],如图所示: 第二步,点击新建按钮,创建一个新的ODBC连接. 第三步,这里选择系统数据源,并选择Oracle 第四步,这里需要注意,服务器需要写的是Or ...

  4. ccnu-线段树联系-单点更新2-B

    B - 单点更新2 Time Limit:3000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit Status Des ...

  5. mac 10.8 编译提示找不到GCC

    本机已安装xcode,但是在编译prce时提示找不到GCC,要不安装gcc.pkg ,简单起见,启动xcode->menu->preferences->Dowloads 把里面的co ...

  6. Windows Live Writer配置测试

    文字可以了  不知道代码怎么发布

  7. HDU 3294 (Manacher) Girls' research

    变形的求最大回文子串,要求输出两个端点. 我觉得把'b'定义为真正的'a'是件很无聊的事,因为这并不会影响到最大回文子串的长度和位置,只是在输出的时候设置了一些不必要的障碍. 另外要注意一下原字符串s ...

  8. js,正则应用

    //获取URL中的request参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + ...

  9. jquery 连写注释;siblings() 方法;jQuery 的3种滑动方法;slideUp()向上滑动;slideDown()向下滑动;slideToggle()来回滑动

    首先我们看两个连写注释 第一个:   /* 点击头像,显示基本资料 */ $(".f-chatTit a.avatar").click(function(){ $(this).hi ...

  10. AngularJS分页实现

    基本思路 一开始页码为1,Service向服务器端获取对应信息:点击上/下一页/跳转,通过对应的页码向服务器端获取对应的信息. 由于后台暂时没弄好,我实现的过程中直接读取准备好的JSON文件,通过页码 ...