频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
Web开发技巧之javascript学习
2017-11-15 10:26:07         来源:qq_26864077的博客  
收藏   我要投稿

1、一维数组

声明数组——var myarray=new Array();

数组赋值——第一种方法:myarray[0]=1;

myarray[1]=2

......................

第二种方法:var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第三种方法:var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

获取数组长度——myarray.length;

这里注意:var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

2、二维数组

声明数组的两种方法:

第一种:var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
}
}

第二种:var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3、事件响应

\

eg:

 






<script type="text/javascript">
function openwin(){
window.open('https://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>



 



 

4、对象

数组对象——上文有介绍

数组对象方法:

\
 

Date日期对象:

var Udate=new Date();或者var d = new Date(2012, 10, 1); 或者var d = new Date('Oct 1, 2012'); //2012年10月1日

方法:

\

String 字符串对象:

 

String方法
方法描述 用法 举例
可返回指定位置的字符。返回的字符是长度为 1 的字符串。 stringObject.charAt(index)
注:index不可为空,范围在0~stringObject.length-1
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(2));
</script>
输出结果:
l
返回某个指定的字符串值在字符串中首次出现的位置。 stringObject.indexOf(substring, startpos)
注:substring为想要检索的字符
startpos检索起始位置,可选项,无则默认从stringObject起始 位置查找。
<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I") + "
");
document.write(str.indexOf("v") + "
");
document.write(str.indexOf("v",8));——从第8个位置开始检索
</script>
输出结果:
0
4
9
将字符串分割为字符串数组,并返回此数组。 stringObject.split(separator,limit)
注:separator必需,从该参数指定的地方分割stringObject.
limit,可选项,限定分割次数
var mystr = "www.imooc.com";
document.write(mystr.split(".")+"
");
document.write(mystr.split(".", 2)+"
");
输出结果:
www,imooc,com
www,imooc
提取字符串中介于两个指定下标之间的字符。 stringObject.substring(starPos,stopPos)
注:starPos必需,非负整数,表明开始位置。
stopPos可选,非负整数,缺省时默认到字符串对象结尾。
<script type="text/javascript">
var mystr="I love JavaScript";
document.write(mystr.substring(7));
document.write(mystr.substring(2,6));
</script>
输出结果:
JavaScript
love
从字符串中提取从 startPos位置开始的指定数目的字符串。 stringObject.substr(startPos,length)
注:starPos必需,要提取的子字符串的起始位置。
length可选,标明提取字符串的长度。缺省时,表示到字符串对象末尾。如果参数startPos是负数,从字符串的尾部开始算起的位置。
<script type="text/javascript">
var mystr="I love JavaScript!";
document.write(mystr.substr(7));
document.write(mystr.substr(2,4));
</script>
输出结果:
JavaScript!
love

 

Math对象:固有对象,无需额外创建。

Math对象属性:

\

Math对象方法:
\

window对象之计时器

计时器类型:

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







<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
var delayT=setTimeout(startCount,1000)
}
setTimeout(startCount,0);
</script>



 


window对象的计时器方法
计时器方法 语法格式 代码举例 备注
setInterva
从载入页面后每隔指定的时间执行代码
setInterval(代码,时间间隔)
代码:要调用的函数或要执行的代码串。
时间间隔:毫秒为单位
调用函数格式(假设有一个clock()函数):
setInterval("clock()",1000)
或setInterval(clock,1000)
间隔性触发计时器
clearInterval
取消由 setInterval() 设置的交互时间
clearInterval(id_of_setInterval)
id_of_setInterval:由 setInterval() 返回的 ID 值。
var i=setInterval("clock()",100);
clearInterval(i)
 
setTimeout
在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
setTimeout(代码,延迟时间);
代码:要调用的函数或要执行的代码串。
延迟时间:毫秒为单位
使用setTimeout()实现计数统计效果 一次性计时器
clearTimeout
取消setTimeout() 的设置
clearTimeout(id_of_setTimeout)
id_of_setTimeout:由 setTimeout() 返回的 ID 值。
var i=setTimeout("clock()",100);
clearTimeout(i)
 

 

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

window.history.[属性|方法],其中window可省略

history对象的属性:

length——返回浏览器历史列表中的URL数量

history对象方法:

back()——加载history列表中的前一个URL,=go(-1)

forward()——加载history列表中的下一个URL,等价点击前进按钮。=go(1)

go(number)——加载history列表中的某个具体的界面

\

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

location.[属性|方法]

location对象属性图示:

\

location 对象属性:

\

location 对象方法:

\

 

navigator对象:包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

对象属性:

\

 

screen对象:获取用户的屏幕信息

window.screen.属性,window可省略不写

\

网页尺寸等设计——https://www.cnblogs.com/fullhouse/archive/2012/01/16/2324131.html

\

 

点击复制链接 与好友分享!回本站首页
上一篇:使用Intellij IDEA搭建Ext JsMVC web项目
下一篇:JS中的继承方法——组合继承介绍与实践
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站