一、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. Java —— 时区(夏令时)问题

    有没有遇到过这样的情况:数据库里的是时间是“1991-4-14”,但是Java取出来后就成了“1991-4-13”. 解决方法一: 先把时区设成GMT,把 根据夏时制自动调节时钟 的选项去掉. 再把时 ...

  2. PowerDesigner15.1创建模型及生成带注释sql操作手册

    转自:http://blog.csdn.net/huiwenjie168/article/details/7824029 一.创建模型 操作:file-->new Model… 快捷键:ctrl ...

  3. 14.allegro.PCB设计前工作[原创]

    一.设置板子大小 -- ----- 板子边框 2种设置outline方法,创建2个KI,两个keepin,,r:允许布线区:p允许摆放元件的区域 法一:直接添加线 ①Board Geometry(最外 ...

  4. 自定义View(7)官方教程:自定义View(含onMeasure),自定义一个Layout(混合组件),重写一个现有组件

    Custom Components In this document The Basic Approach Fully Customized Components Compound Controls ...

  5. linux/shell 文本文件删除/删掉空行

    分别用sed awk perl grep 实现: sed '/^$/d' input.txt > output.txt #output file: output.txt sed -i '/^$/ ...

  6. Lepus经历收获杂谈(一)——confirm features的小工具

    ------记Project of AIM_PointCloudTrainingManager------ ---------------------------------------------- ...

  7. arranging-coins

    https://leetcode.com/problems/arranging-coins/ public class Solution { public int arrangeCoins(int n ...

  8. 红黑树、B(+)树、跳表、AVL等数据结构,应用场景及分析,以及一些英文缩写

    在网上学习了一些材料. 这一篇:https://www.zhihu.com/question/30527705 AVL树:最早的平衡二叉树之一.应用相对其他数据结构比较少.windows对进程地址空间 ...

  9. Qt之重启应用程序

    简介 今天分享的内容有些意思-如何重启一个应用程序.其实,有时候这是一个很重要的功能点,而且很人性化.易用性很好. 例如:切换用户.当某个用户登录成功之后,需要切换到其它账号,那么这时,你就知道它的重 ...

  10. Mybatis返回插入的主键

    在使用MyBatis做持久层时,insert语句默认是不返回记录的主键值,而是返回插入的记录条数:如果业务层需要得到记录的主键时,可以通过配置的方式来完成这个功能 情景一:针对自增主键的表,在插入时不 ...