js

一、js中定义数组

1.var myarr=new Array(数组长度);

   myarr[0]=80;
   myarr[1]=60;
   myarr[2]=99;

2.var myarr = [80,60,99];

3.var myarray = new Array(80,60,99);

三种方式都可以定义数组并赋值,推荐使用第二种。

*js中数组下标随数量发生变化

属性:

 

 

length:表示数组的长度,即数组中元素的个数

 

 二、定义函数

 

function 函数名( ) {

  函数体;

}

调用方式

1.第一种情况:在<script>标签内调用。直接写函数名

2.第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。onclick点击事件,直接写函数名

 

*与java中的方法差不多,有参函数、返回值都有

 

三、事件

 

*充当属性,有事件效果,事件为所调用的函数

四、对象

对象带有属性方法

对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

1.Date日期对象

 

//获取当前星期
1
var mydate=new Date();
2 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
3 document.write("今天是:" + weekday[mydate.getDay()]);

 

 2.String对象

字符串对象的属性

  1) length——该字符串的长度

字符串对象的方法:

  1) charAt(index)——返回指定位置的字符     注意:一个空格也算一个字符

  2) indexOf(substring, startpos)——返回某个指定的字符串值在字符串中首次出现的位置

      注意 :   startpos位置开始查找substring,默认从头到尾

            如果要检索的字符串值没有出现,则该方法返回 -1

  3)split(separator,limit)——将字符串分割为字符串数组,并返回此数组

      separator——指定按什么分割

      limit——分割几次

  4)substring(startPos,stopPos)——提取字符串中介于两个指定下标之间的字符

      返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start

      注意 : 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数

  5)substr(startPos,length)——从字符串中提取从 startPos位置开始的指定数目的字符串

      注意 : 如果参数startPos是负数,从字符串的尾部开始算起的位置

3.Math对象

 

 

4.Array 数组对象

数组对象的属性

  1)concat(array1,array2,...,arrayN)——用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组

  2)join(分隔符)——用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的

  3)reverse()——用于颠倒数组中元素的顺序

  4)slice(start,end)——可从已有的数组中返回包含从 start 到 end (不包括该元素)的元素的子数组

      注意:String.slice() 与 Array.slice() 相似

  5)sort(方法函数)——使数组中的元素按照一定的顺序排列

      注意:  function sortNum(a,b) { return a - b; //升序,如降序,把“a - b”该成“b - a” }

            若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
            若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
            若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

 

 

5.window对象

 

1)JavaScript 计时器

一次性计时器:仅在指定的延迟时间之后触发一次。

   setTimeout(代码,延迟时间);

   取消计时器 ——clearTimeout(id_of_setTimeout)

间隔性触发计时器:每隔一定的时间间隔就触发一次。

  setInterval(代码,交互时间);

   取消计时器 —— clearInterval(id_of_setInterval)

    *id_of_setInterval:由 setInterval() 返回的 ID 值。

2)History 对象

 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能

 

 *window.history.go(number) —— 载 history 列表中的某个具体的页面

3)Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL

  location 对象属性:

  location 对象方法:

 

 

4)screen对象

6.Navigator对象

 

五、文档对象模型DOM(Document Object Model)

1 ) getElementsByName(name)

      ——返回带有指定name的节点对象的集合。

2)document.getElementsByTagName(Tagname)

      ——返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序

      *Tagname是标签的名称

3)getElementByID(id)

      ——返回带有指定id的节点对象的集合

 

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

*上方为获取elementNode

a ) elementNode.getAttribute(name)

      ——通过元素节点的属性名称获取属性的值

      *name:要想查询的元素节点的属性名字

b ) elementNode.setAttribute(name,value)

      ——增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值

      *1.name: 要设置的属性名

      *2.value: 要设置的属性值

posted @ 2017-04-07 21:52  eros_token  阅读(251)  评论(0编辑  收藏  举报