bob体育官方平台
Javascrpt进阶

1.indexOf() 方法 -----那些形式相比常用

鼠标单击事件( onclick )

onclick是鼠标单击事件,当在网页上单击鼠标时,就能够时有暴发该事件。同一时候onclick事件调用的次序块就能够被实行,平时与按键一齐利用。
比如说,大家单击开关时,触发 onclick 事件,并调用三个数和的函数add2(卡塔尔国。代码如下:
<html>
<head>
<script type="text/javascript">
function add2(){
var numa,numb,sum;
numa=6;
numb=8;
sum=numa+numb;
document.write("两数和为:"+sum卡塔尔(英语:State of Qatar); }
</script>
</head>
<body>
<form>
<input name="button" type="button" value="点击提交" onclick="add2(卡塔尔国" />
</form>
</body>
</html>
专心: 在网页中,如运用事件,就在该因素中设置事件性质。

重回某些内定的字符串值在字符串中第二遍面世的职分

鼠标经过事件(onmouseover)

鼠标经过事件,当鼠标移到一个指标上时,该目的就触发onmouseover事件,并执行onmouseover事件调用的前后相继。
现实鼠标经过"鲜明"开关时,触发onmouseover事件,调用函数info(),弹出音讯框,代码如下:

bob体育app 1

运作结果:

bob体育app 2

采纳格式:stringObject.indexOf

鼠标移开事件(onmouseout)

鼠标移开事件,当鼠标移开当前目标时,实践onmouseout调用的次第。
当把鼠标移动到"登入"按键上,然后再移开时,触发onmouseout事件,调用函数message(卡塔尔(قطر‎,代码如下:

bob体育app 3

运作结果:

bob体育app 4

比方:搜索第3个o所在的坐席

光标集中事件(onfocus)

当网页中的对象取得聚点时,推行onfocus调用的主次就可以被实施。
正如代码, 当将光标移到文本框内时,即宗意在文本框内,触发onfocus 事件,并调用函数message(卡塔尔国。

bob体育app 5

运营结果:

bob体育app 6

var mystr="Hello World!"document.write(mystr.indexOf("o",mystr.indexOf;--------结果是:7

失焦事件(onblur)

onblur事件与onfocus是对峙事件,当光标离开当前到手集中目的的时候,触发onblur事件,同不时候实践被调用的程序。
正如代码, 网页中有顾客和密码多少个文本框。当前光标在客商文本框内时(即大目的在于文本框),在光标离开该文件框后(即失焦时),触发onblur事件,并调用函数message(卡塔尔国。

bob体育app 7

运维结果:

bob体育app 8

mystr.indexOf -----结果是4,从字符串的下表开头找。

入选事件,当文本框只怕文本域中的文字被选中时,触发onselect事件,同期调用的程序就能够被奉行。

正如代码,当选中客户文本框内的文字时,触发onselect 事件,并调用函数message(卡塔尔国。

bob体育app 9

运营结果:

bob体育app 10

document.write;从第四个职务上马找。

文本框内容改换事件(onchange)

通过改变文本框的源委来触发onchange事件,同一时候奉行被调用的次序。
如下代码,当客户将文本框内的文字改换后,弹出对话框“您退换了文本内容!”。

bob体育app 11

运维结果:

bob体育app 12

结果是:7介怀:.indexOf(卡塔尔(英语:State of Qatar)方法分别朗朗上口写。.假使要搜索的字符串值未有现身,则该方式再次回到 -1。·

bob体育app,加载事件(onload)

事件会在页面加载成功后,立时发出,同期奉行被调用的程序。注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。
2. 此节的加载页面,可以知道道为打开一个新页面时。如下代码,当加载三个新页面时,弹出对话框“加载中,请稍等…”。

bob体育app 13

运转结果:

bob体育app 14

2.字符串分割split(卡塔尔(英语:State of Qatar)

卸载事件(onunload)

当客户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同期执行被调用的顺序。
稳重:分化浏览器对onunload事件帮忙不相同。
如下代码,当退出页面时,弹出对话框“您鲜明离开该网页吗?”。

bob体育app 15

运转结果:(IE浏览器)

bob体育app 16

split(卡塔尔 方法将字符串分割为字符串数组,并回到此数组。

Date 日期对象

日期对象能够储存跋扈叁个日子,并且能够正确到皮秒数(1/1000 秒)。
概念三个时日对象 :
var Udate=new Date();

注意****:利用首要字new,Date(卡塔尔(英语:State of Qatar)的首字母必得大写。
使 Udate 成为日期对象,何况本来就有起初值:当前岁月(当前Computer系统时间卡塔尔(英语:State of Qatar)
设若要自定义初始值,能够用以下方法:
var d = new Date(2012, 10, 1); //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日
寻访方法文法:“<日期对象>.<方法>”
Date对象中拍卖时间和日期的常用方法:

bob体育app 17

语法:stringObject.split

回去/设置年度方法

get/setFullYear(卡塔尔(英语:State of Qatar) 重返/设置年度,用多少人数表示。
var mydate=new Date(卡塔尔(英语:State of Qatar);//当前几日子二零一六年11月6日
document.write(mydate+"
"卡塔尔(قطر‎;//输出当前时光
document.write(mydate.getFullYear()+"
"卡塔尔(英语:State of Qatar);//输出当二零一七年度
mydate.setFullYear(81卡塔尔国; //设置年份
document.write(mydate+"
"卡塔尔国; //输出年份被设定为 0081年。
小心:差异浏览器, mydate.setFullYear(81卡塔尔(قطر‎结果区别,年份被设定为 0081或81三种景况。
结果:
Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800
注意:
1.结出格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器卡塔尔

  1. 不一致浏览器,时间格式有出入

只顾:固然把空字符串 用作 separator,那么 stringObject 中的每一个字符之间都会被分割。

回到星期方法

getDay(卡塔尔 再次回到星期,重返的是0-6的数字,0 代表周末。假设要回到相呼应“星期”,通过数组达成,代码如下:
<script type="text/javascript">
var mydate=new Date(卡塔尔国;//定义日期对象
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]bob体育官方平台,;
//定义数组对象,给各类数组项赋值
var mynum=mydate.getDay(卡塔尔国;//再次来到值存款和储蓄在变量mynum中
document.write(mydate.getDay());//输出getDay()获取值
document.write("今天是:"+ weekday[mynum]卡塔尔(英语:State of Qatar);//输出星期几
</script>

var mystr="86-010-85468578";

回到/设置时间方法

get/setTime(卡塔尔(قطر‎ 返回/设置时间,单位纳秒数,总括从 一九六九 年 1 月 1 日零时到日期对象所指的日子的飞秒数。
举例将目不久前期对象的日子推移1钟头,代码如下:
<script type="text/javascript">
var mydate=new Date();
document.write("当前时光:"+mydate+"
");
mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
document.write("推迟意气风发钟头时间:" + mydate卡塔尔(英语:State of Qatar);
</script>
结果:
前段时间时光:Thu Mar 6 11:46:27 UTC+0800 二〇一五
延迟后生可畏钟头时间:Thu Mar 6 12:46:27 UTC+0800 2015
注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

  1. 岁月推移 1 时辰,正是: “x.setTime(x.getTime(卡塔尔(英语:State of Qatar) + 60 * 60 * 1000);”

以字符"-"分隔字符串对象mystr

String 字符串对象

概念字符串的措施就是平素赋值。比方:
var mystr = "I love JavaScript!"
定义mystr字符串后,大家就可以访问它的属性和办法。
访谈字符串对象的习性length:
stringObject.length; 再次回到该字符串的长度。
var mystr="Hello World!";
var myl=mystr.length;
上述代码施行后,myl 的值将是:12
拜望字符串对象的方法:
采取 String 对象的 toUpperCase(卡塔尔(英语:State of Qatar) 方法来将字符串小写字母调换为大写:
var mystr="Hello world!";
var mynum=mystr.toUpperCase();
以上代码施行后,mynum 的值是:HELLO WOTucsonLD!

document.write + "
");---结果 86,010,85468578

回到钦定地点的字符

charAt(卡塔尔国 方法可再次回到钦命地方的字符。再次来到的字符是长度为 1 的字符串。
语法:
stringObject.charAt(index)

参数表明:

bob体育app 18

注意****:1.字符串中首先个字符的下标是 0。最终二个字符的下标为字符串长度减意气风发(string.length-1)。
2.假若参数 index 不在 0 与 string.length-1 之间,该措施将赶回二个空字符串。
如:在字符串 "I love JavaScript!" 中,再次回到地点2的字符:
<script type="text/javascript"> var mystr="I love JavaScript!" document.write(mystr.charAt(2));</script>
注意:二个空格也算贰个字符。
如上代码的运维结果:
l

将字符串对象mystr各样字符分割

回去钦点的字符串第三遍面世之处

indexOf(卡塔尔(قطر‎ 方法可重回某些内定的字符串值在字符串中第叁次面世的岗位。
语法
stringObject.indexOf(substring, startpos)

参数表明:

bob体育app 19

说明:
1.该措施将自始至终地检索字符串 stringObject,看它是不是带有子串 substring。
2.可选参数,从stringObject的startpos地点早先查找substring,若无此参数将从stringObject的最初地方查找。
3.比如找到三个 substring,则赶回 substring 的第贰遍现身的岗位。stringObject 中的字符地方是从 0 开首的。
注意:1.indexOf(卡塔尔国 方法分别朗朗上口写。
2.举例要寻找的字符串值未有现身,则该办法再次来到 -1。
例如: 对 "I love JavaScript!" 字符串内开展分歧的物色:
<script type="text/javascript"> var str="I love JavaScript!" document.write(str.indexOf("I") + "<br />"); document.write(str.indexOf("v") + "<br />"); document.write(str.indexOf("v",8));</script>
以上代码的出口:
049

document.write + "
");---结果:8,6,-,0,1,0,-,8,5,4,6,8,5,7,8

字符串分割split(卡塔尔

文化授课:
split(卡塔尔(英语:State of Qatar) 方法将字符串分割为字符串数组,并回到此数组。
语法:
stringObject.split(separator,limit)
参数表明:

bob体育app 20

注意:设若把空字符串 (""卡塔尔(قطر‎ 用作 separator,那么 stringObject 中的种种字符之间都会被划分。
咱俩将如约差异的办法来分割字符串:
动用钦命符号分割字符串,代码如下:
var mystr = "www.imooc.com";document.write(mystr.split(".")+"
");document.write(mystr.split(".", 2)+"
");
运维结果:
www,imooc,comwww,imooc

将字符串分割为字符,代码如下:
document.write(mystr.split("")+"
");document.write(mystr.split("", 5));
运行结果:
w,w,w,.,i,m,o,o,c,.,c,o,mw,w,w,.,i

将字符串对象mystr分割成字符,分割3次

领到字符串substring(卡塔尔

substring(卡塔尔(英语:State of Qatar) 方法用于提取字符串中介于多个钦定下标之间的字符。
语法:
stringObject.substring(startPos,stopPos)
参数表明:

bob体育app 21

注意:

  1. 回来的剧情是从 start初步(包蕴start地点的字符卡塔尔到 stop-1 处的兼具字符,其长度为 stop 减start。
  2. 假设参数 start 与 stop 相等,那么该方法再次来到的就是三个空白(即长度为 0 的字符串)。
  3. 假使 start 比 stop 大,那么该办法在提取子串此前会先调换那八个参数。
    应用 substring(卡塔尔(قطر‎ 从字符串中提取字符串,代码如下:
    <script type="text/javascript"> var mystr="I love JavaScript"; document.write(mystr.substring(7)); document.write(mystr.substring(2,6));</script>
    运转结果****:
    JavaScriptlove

mystr.split ------------结果 8,6,-

领取钦点数量的字符substr(卡塔尔(英语:State of Qatar)

substr(卡塔尔国 方法从字符串中领取从 startPos地点上马的钦点数量的字符串。
语法:
stringObject.substr(startPos,length)
参数表明:

bob体育app 22

注意:就算参数startPos是负数,从字符串的尾巴伊始算起之处。相当于说,-1 指字符串中最后三个字符,-2 指倒数第一个字符,就那样类推。
黄金年代经startPos为负数且绝对值超过字符串长度,startPos为0。
利用 substr(卡塔尔 从字符串中领取部分字符,代码如下:
<script type="text/javascript"> var mystr="I love JavaScript!"; document.write(mystr.substr(7)); document.write(mystr.substr(2,4));</script>
运作结果:
JavaScript!love

3 .提取字符串substring(卡塔尔

Math对象

Math对象,提供对数码的数学计算。
运用 Math 的天性和办法,代码如下:

<script type="text/javascript"> var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);</script>
运营结果****:
3.14159265358979315
注意:Math 对象是三个原本的指标,不要求创设它,直接把 Math 作为靶子使用就可以调用其有着属性和措施。那是它与Date,String对象的分别。
Math 对象属性

bob体育app 23

Math 对象方法

bob体育app 24

substring(卡塔尔国 方法用于提取字符串中介于五个钦定下标之间的字符。

Array 数组对象

数组对象是叁个目的的会集,里边的对象足以是莫衷一是档期的顺序的。数组的每贰个成员对象都有多个“下标”,用来代表它在数组中的地点,是从零开首的
数组定义的章程:

  1. 概念了叁个空数组:
    var 数组名= new Array();
  2. 概念时钦命有n个空成分的数组:
    var 数组名 =new Array(n);
    3.概念数组的时候,直接开端化数据:
    var 数组名 = [<元素1>, <元素2>, <元素3>...];
    大家定义myArray数组,并赋值,代码如下:
    var myArray = [2, 8, 6];
    说明:概念了一个数组 myArray,里边的因素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。
    数组元素运用:
    数组名[下标] = 值;
    注意: 数组的下标用方括号括起来,从0起头。
    数组属性:
    length 用法:<数组对象>.length;再次回到:数组的长短,即数组里有稍许个因素。它非常数组里最终二个要素的下标加风姿浪漫。
    数组方法:

    bob体育app 25

stringObject.substring

数组连接concat(卡塔尔

concat(卡塔尔(英语:State of Qatar)方法用于连接多少个或八个数组。此措施再次回到贰个新数组,不改正原先的数组。
语法
arrayObject.concat(array1,array2,...,arrayN)
参数表明:

bob体育app 26

**注意: **该方法不会改换现成的数组,而只是会回来被连接数组的多少个别本。
大家创造三个数组,将把 concat(卡塔尔(قطر‎ 中的参数连接到数组 myarr 中,代码如下:
<script type="text/javascript"> var mya = new Array(3); mya[0] = "1"; mya[1] = "2"; mya[2] = "3"; document.write(mya.concat(4,5)+"
"); document.write(mya);
</script>
运维结果:
1,2,3,4,51,2,3
咱俩创制了多个数组,然后使用 concat(卡塔尔国 把它们连接起来,代码如下:
<script type="text/javascript"> var mya1= new Array("hello!") var mya2= new Array("I","love"); var mya3= new Array("JavaScript","!"); var mya4=mya1.concat(mya2,mya3); document.write(mya4);</script>
运维结果:
hello!,I,love,JavaScript,!
数组排序sort(卡塔尔国
sort()办法使数组中的成分依据一定的顺序排列。
语法:
arrayObject.sort(方法函数卡塔尔(قطر‎
参数表明:

bob体育app 27

1.豆蔻梢头旦不点名<方法函数>,则按unicode码顺序排列。
2.假设钦点<方法函数>,则按<方法函数>所钦点的排序方法排序。
myArray.sort(sortMethod);

**注意: **该函数要比相当多个值,然后重返三个用来评释那五个值的争持顺序的数字。比较函数应该具备五个参数 a 和 b,其重返值如下:
若再次回到值<=-1,则代表 A 在排序后的行列中冒出在 B 此前。 若再次回到值>-1 && <1,则意味 A 和 B 具备同等的排序依次。 若重回值>=1,则象征 A 在排序后的队列中冒出在 B 之后。
1.施用sort(卡塔尔(英语:State of Qatar)将数组进行排序,代码如下:
<script type="text/javascript"> var myarr1 = new Array("Hello","John","love","JavaScript"); var myarr2 = new Array("80","16","50","6","100","1"); document.write(myarr1.sort()+"
"); document.write(myarr2.sort());</script>

运转结果:
Hello,JavaScript,John,love1,100,16,50,6,80

瞩目:上边的代码未有坚决守住数值的朗朗上口对数字举办排序。
2.如要完成那一点,就务须利用二个排序函数,代码如下:
<script type="text/javascript"> function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a”} var myarr = new Array("80","16","50","6","100","1"); document.write(myarr + "
"); document.write(myarr.sort(sortNum));</script>

运作结果:
80,16,50,6,100,11,6,16,50,80,100
选定成分slice(卡塔尔国
slice(卡塔尔国 方法可从已某个数组中回到选定的成分。
语法
arrayObject.slice(start,end)
参数表明:

bob体育app 28

1.重临叁个新的数组,包括从 start 到 end (不包罗该因素)的 arrayObject 中的成分。

  1. 该方法并不会改革数组,而是回到贰个子数组。
    注意:
  2. 可接收负值从数组的尾巴部分选用成分。
    2.倘若 end 未被明确,那么 slice(卡塔尔(قطر‎ 方法会接收从 start 到数组结尾的富有因素。
  3. String.slice() 与 Array.slice() 相似。
    大家将创立二个新数组,然后从里边接受的因素,代码如下:
    <script type="text/javascript"> var myarr = new Array(1,2,3,4,5,6); document.write(myarr + "
    "); document.write(myarr.slice(2,4) + "
    "); document.write(myarr);</script>

运维结果:
1,2,3,4,5,63,41,2,3,4,5,6

  1. 回来的从头到尾的经过是从start最早到stop-1 处的拥有字符,其长度为stop减start。

  2. 只要参数start与stop相等,那么该方式重临的正是贰个单手。

  3. 设若start比stop大,那么该格局在提取子串以前会先交流那五个参数。

var mystr="Hello World!"document.write + "
"卡塔尔(英语:State of Qatar);----截取下标从6早先的享有字符---结果是World!

document.write( mystr.substring;document.write 卡塔尔(قطر‎;------结果皆以 o 取的位数是5-4

4.领取钦定数量的字符substr(卡塔尔(英语:State of Qatar)

substr(卡塔尔(英语:State of Qatar) 方法从字符串中提取从 startPos地点上马的内定数量的字符串。

stringObject.substr
返回顶部