一、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: 要设置的属性值